This is a table that responds dynamically to given events such as hovering and clicking. The data used is downloaded from http://www.bls.gov/web/laus/laumstrk.htm. This piece of code was completed as part of doing CS171 Visualisation course online (http://www.cs171.org/#!index.md).
This file takes in a default set of items that were given to users and compares over a finite period of time how that has changed. The new set shows what addional items the users have collectively added as well as what items they have collectively removed from those originally given.
The animation shows this change over a simple mouse click.
The area of the circles is proportional to the number of users that have this item.
Data update reference thanks to: http://bl.ocks.org/mbostock/3808218
I created two types of simple visualisation tools:
-
a line/bar chart of total number of canadian citizenship applications + number of successful application over 5 years
-
a geographical representation on my last holiday trip sized by length of time spent in each place
The two tools can be accessed through a single page that uses jQuery to respond to user selection choices.
[This piece of work was done to experiment with D3 & jQuery as I learned the concepts through following both Scott Murray's Interactive Data Visualisation book and the O'Reilly Javascript and jQuery, the missing manual.]