axes-labels.html

<html>

<head>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
    <script>
        let data = [{
            "x": [0, 1, 2, 3, 4, 5],
            "y": [37.1, 37.3, 37.6, 38, 37.1, 36.8],
            "mode": "lines+markers",
            "type": "scatter",
        }];
        let layout = {
            "title": "Antoninus Pius",
            "xaxis": {
                "title": "Day"
            },
            "yaxis": {
                "title": "Temperature (&deg;C)"
            }
        }
        $(() => {
            // everything here happens only after the page is loaded
            Plotly.newPlot("myGraph", data, layout);
        });
    </script>
    <style>
        #myGraph {
            width: 600px;
            height: 400px
        }
    </style>
</head>

<body>
    <div>Here is our graph:</div>
    <div id="myGraph"></div>
</body>

</html>