Skip to content

Instantly share code, notes, and snippets.

@alanjones2

alanjones2/pyscriptflask-pyscript-02-07-22.html

Created July 2, 2022 09:06
Show Gist options
  • Save alanjones2/af4a64267ee8c1a1bbde2bbb1204d944 to your computer and use it in GitHub Desktop.
Save alanjones2/af4a64267ee8c1a1bbde2bbb1204d944 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
pyscriptflask-pyscript-02-07-22.html
<body>
<div class="jumbotron">
<h1>Weather Data</h1>
<p class="lead">
Some graphs about the weather in London in 2020
</p>
</div>
<div class="row">
<div class="col-sm-2 p-2 ml-4 mb-1">
<button type="button" class="btn btn-secondary">Select chart from list:</button>
</div>
<div class="col-sm-4 p-2 mr-4 mb-1">
<select class="form-control" id="select">
<option value="Tmax">Maximum Temperature</option>
<option value="Tmin">Minimum Temperature</option>
<option value="Sun">Sun</option>
<option value="Rain">Rain</option>
</select>
</div>
</div>
<div class="row">
<div class="col-sm-6 p-2 shadow ml-4 mr-4 mb-4 bg-white rounded">
<div id="chart1"></div>
</div>
</div>
<script type='text/javascript'>
function plot(graph, chart) {
var figure = JSON.parse(graph)
Plotly.newPlot(chart, figure, {});
}
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment