/oakland-budget-viz

Prototype of a Sankey diagram to visualize city budget data (Oakland, CA) using D3.js

Primary LanguageHTML

Oakland Budget Viz

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:

  1. oakland_budget_data.xlsx - a spreadsheet to bootstrap the backend; provides an easy way to input data and generates JSON markup via Excel formulas

  2. js/budget.json - the data; copy and paste the JSON markup generated in Excel here

  3. 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)

Heroku Static Site

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).

Usage

Run the app locally:

  1. gem install bundler
  2. bundle install
  3. bundle exec rackup
  4. Visit http://localhost:9292

Make something great, then push it to your Heroku account:

  1. gem install heroku
  2. heroku login
  3. heroku create --stack=cedar mynewapp
  4. git push heroku master

License

© copyfree 2012 Jamie Dubs. This source code made freely available under an MIT License.