Skip to content

mstubna/interactive_data_viz

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Interactive Data Visualization Examples

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.

Running and Building

The code is run and built using the static site generator Middleman. See that site for instructions on how to install.

Run locally

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.

Build the assets

To compile the site into .html, .css, and .js assets, run:

$ rake build

The compiled assets will be located in the build folder.

Data

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

Questions?

Please contact Mike Stubna: mike@stubna.com

About

Examples of interactive data visualizations using d3.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published