D3.js workshop III: Intro to Binding Data to the DOM

Chinese food and drink will be served. It is covered by your $5 RSVP.

Guest host: IIan Man

Speaker Bio:

Adam Pearce is a Data Interaction Developer for Quovo (https://www.quovo.com/). He posts data visualizations on his blog (http://roadtolarissa.com/) and frequently answers questions about D3 on stackoverflow.

Preparation:

D3 is built on top of CSS, HTML, and Javascript. If you're not familiar with them, check out google's video tutorials (http://www.youtube.com/playlist?list=PL697D36B35F92E9E4). Before coming, make sure to download these files (https://github.com/1wheel/tutorial/archive/master.zip) and to have Chrome + text editior (http://www.sublimetext.com/).

Agenda:

This will be a hands on, interactive exploration of the way D3 binds data to the DOM. We'll start with the text of Pericles' Funeral Oration, first displaying it with D3, then altering its appearance and finally creating graphical representations.

Reference

The creator of D3 has a several excellent tutorials that cover similar ground:
How Selections Work (http://bost.ocks.org/mike/selection/)
Three Little Circles (http://mbostock.github.io/d3/tutorial/circle.html)
Nested Selections (http://bost.ocks.org/mike/nest/)