Problem Set 10:

Due 11-22 (7 days)

Reference:

For this weeks work, you might want to look at the D3.js website, the MDN SVG tutorial, and if you are doing the stretch, check out the Snap SVG documentation

ps-09 SVG & D3 Part 1: Simple Graph

Starting with our svg example, create a graph. You can graph any sort of data: personal, financial, political, or sports related. Try making a line-graph (as opposed to a scatter plot) or choose another form of display. Try a graph axis, or 'on-click' behaviors. The graph should be attractive and legible. Provide supporting tables, text, or images as appropriate to help us understand the data.

As ever:

Stretch: If you want to do an experimental animation with Snap SVG, please add one to your index.html file.