More fun with Highcharts and Fusion Tables

Published 2011-12-12

Further stripping down the Fusion-Tables-To-Highcharts project, this uses Google Fusion Tables as a data backend to draw a chart that uses the Highcharts.js library.

Unlike the previous project -- walkthrough is here -- this doesn't rely on a map click event to draw the chart, allowing this Fusion Table...

... to become this column chart ...

... or a bar chart ...

... or a line chart ...

I've been interested in finding an easy to use datasource for these charts since Wisconsin State Journal multimedia and graphics gurus Jason Klein and Laura Sparks started to use the Highcharts javascript library to produce data visuals that could be used in print, on the web and on tablets.

The "problem" to solve is two-fold:

From here I'm thinking of learning from Kevin Schaul's recent project, the box-chart-maker, which has a great user-interface that will generate the code needed, and ideally figure out a way to write to and update data housed in a Fusion Table, at least by the time Wisconsin has what could be the first of six potential election nights in 2012.

View the demo.
Fork the repo.