D3 Examples - Data Canvas Part 3

Data Canvas Part 3 - Bar Chart

This shows the temperature for all cities with available data. The data is up to date, and updates every 5 minutes.

The reactive flow of the bar chart. The diagram was constructed using the reactive flow diagram renderer.

xxxxxxxxxx
 
<!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 RequireJS paths for third party libraries. -->
    <script>
      requirejs.config({
        paths: {
          d3: "//d3js.org/d3.v3.min",
          jquery: "//code.jquery.com/jquery-2.1.1.min",
          lodash: "//cdnjs.cloudflare.com/ajax/libs/lodash.js/3.4.0/lodash.min",
          async: "//cdnjs.cloudflare.com/ajax/libs/async/0.9.0/async"
        }
      });
    </script>
​
    <!-- Include CSS that styles the visualization. -->
    <link rel="stylesheet" href="styles.css">
​
    <title>Bar Chart</title>
  </head>
  <body>
​
    <!-- The visualization will be injected into this div. -->
    <div id="container"></div>
​
  </body>
</html>
​
    