pahlka-spike-d3.md

Data Driven Crash Course

D3.JS!!!!!

"You learn D3 because it gives you the ability to impement almost every major data visualization technique. It also gives you the power to create your own data visualization techniques, something a more general library can't do."

Lovely Data Inspiration

• [Sunlight Foundation] (https://sunlightfoundation.com/api/)

• [Propublica Datastore API] (https://www.propublica.org/datastore/apis)

• [NREL API] (http://developer.nrel.gov/)

• API Evangelist

Visualization Inspiration

• Mike Bostock (Creator of d3)
• Tributary.io (Allows for rapid prototyping, intended for visualization code)
• "Four Ways to Slice Obama's 2013 Budget Proposal" - New York Times
• [BioVisualize] (http://www.biovisualize.com/)

###Common Pattern in D3

LOAD THE PAGE

SELECT ELEMENTS

BIND DATA

CREATE/UPDATE/DESTROY DOM ELEMENTS

Types of Data

• d3.text()
• d3.json()
• d3.csv()
• d3.html

Selecting + Binding

• .select()
• .selectAll()
• .data()
• .enter()
• .exit()

####Takeaways:

• it's big but it really ain't that scary
• many of the patterns will seem familiar
• get $$$