Examples of interactive data visualizations using d3.js
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
data
source
.gitignore
Gemfile
Gemfile.lock
README.md
Rakefile
config.rb

README.md

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