D3: Data Binding and SVG Manipulation

This week we went over D3, a data visualization library. We first did some cool data binding, and then some animations using SVGs, or Scalable Vector Graphics. Below are the two files we worked with, commented heavily with explanations. Copy and paste these into your text editors to see what they do.

Also, see on http://github.com/hacksu/d3.

In the gist below, the first file is the data binding example, where we dynamically said hi to some people in the room. The second file is the SVG creation and manipulation, where we dynamically create an SVG circle and then animate it.

If you have any questions or edits, email us at hacksu@cs.kent.edu.