tejeffers / d3-playground

data visualizations made with D3.js. Tools: geoJSON, topoJSON, D3, CSS, HTML, NYC openData

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

D3 Playground

Here, I’ve used D3 (Data Driven Documents) to visualize a few interesting & publically available datasets. This work is heavily stolen borrowed from the D3 source and Mike Bostock's Blocks.

Projects so far:

  • NYC SAT Scores by High School
    • Data downloaded from Data.gov
    • Data represents the most recent school level results for New York City on the SAT
    • Records contain 2012 College-bound seniors mean SAT scores taken during SY 2012.
    • On click, circles are re-sized and re-colored to reflect average Reading, Math, or Writing SAT scores for each school
    • Darker blue, orange, or green represents higher reading, math, or writing scores, respectively

SATscores_GIF

  • NYC Recycling Diversion Rate
    • Data downloaded from the NYC OpenData Dashboard
    • Data represents one month (May, 2010) of trash and recycling data
    • Plotted over 5 boroughs by Community Districts
    • Darker green indicates a greater percentage of trash was diverted to recycling (total recycling / total waste)

Recycling_Map

About

data visualizations made with D3.js. Tools: geoJSON, topoJSON, D3, CSS, HTML, NYC openData


Languages

Language:HTML 100.0%