Data Visualizer Tutorial

Steps to Setting up your own Data Visualizer

Choose a data set that you find interesting.

Evaluate how best to represent that data graphically based on statistics most interesting to convey. eg. tree map or line graph

Create an html file.

Download a custom built file of the Infusion javascript file from the Fluid Infusion Builder webpage.

Link the javascript file in the header of the html document.

Format data into a .json file. This will be the data model.

Create a new javascript file that will control the fluid framework and elements of the DOM.

Create processing .pde sketches visualizing numerical datasets.