This program makes a line chart from data in the Data Canvas - Sense Your City API.
It updates to the latest data automatically every 5 minutes.
Based on Data Canvas Part 1 - Data
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- Runs the main program found in main.js. -->
<script data-main="main.js" src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.14/require.js"></script>
<!-- Configure paths for RequireJS modules. -->
<script>
requirejs.config({
paths: {
d3: "//d3js.org/d3.v3.min",
jQuery: "//code.jquery.com/jquery-2.1.1.min",
}
});
</script>
<!-- Include CSS that styles the visualization. -->
<link rel="stylesheet" href="styles.css">
<title>Line Chart</title>
</head>
<body>
<!-- The visualization will be injected into this div. -->
<div id="container"></div>
</body>
</html>