Prototype of a budget flow visualization for Oakland, CA using D3.js and the Sankey D3 plugin ( http://bost.ocks.org/mike/sankey/ ).
The key files are:
-
oakland_budget_data.xlsx - a spreadsheet to bootstrap the backend; provides an easy way to input data and generates JSON markup via Excel formulas
-
js/budget.json - the data; copy and paste the JSON markup generated in Excel here
-
index.html - the page with the viz itself
This uses heroku-static-site ( https://github.com/jamiew/heroku-static-site ) to provide the minimal web server functionality needed (the GET call for the JSON) and make Heroku deployment easy; it's a simple Rack app.
Copyright 2012 Dave Guarino
(Details on heroku-static-site below)
A simple ruby + rack application for serving a basic static website, suitable for deploying to Heroku. Their free 1-dyno plan covers 80% of my projects and Just Works™
For even simpler free HTML cloud hosting check out GitHub Pages.
I put static sites on Heroku when I will be adding some simple dynamic stuff later, or for redundancy with GH pages (whose uptime isn't perfect).
Run the app locally:
gem install bundler
bundle install
bundle exec rackup
- Visit http://localhost:9292
Make something great, then push it to your Heroku account:
gem install heroku
heroku login
heroku create --stack=cedar mynewapp
git push heroku master
© copyfree 2012 Jamie Dubs. This source code made freely available under an MIT License.