This project contains several examples of simple interactive data visualizations created with d3.js.
View the data visualization demos.
View the notes from the March 12 2014 Philly Data meetup presentation.
The code is run and built using the static site generator Middleman. See that site for instructions on how to install.
Once Middleman is installed, change to the project directory. Run bundle
if needed to install the necessary gems on your system.
Then run:
$ rake preview
Point browser to http://localhost:4569/index.html for local testing.
To compile the site into .html
, .css
, and .js
assets, run:
$ rake build
The compiled assets will be located in the build
folder.
American time use survey data downloaded from BLS TUS data page
Life expectancy fertility rate data downloaded from World Bank data download site
Rake tasks can be run to convert the raw data files in the data
folder into json
data files used by the visualization pages:
$ rake create_american_time_use_survey_json
$ rake create_life_expectancy_json
Please contact Mike Stubna: [email protected]