Assignment #1 (Due: 9/19)

Choose two examples from D3.js website and put them together into a single webpage. Create two div elements for each visualization and put them side by side. Name two divs for the visualizations as viz1 and viz2. Which is more reasonable, class or id, to name the div elements in our case?

super simple dashboard

Usually you can find a line similar to the following in most D3 visualizations.

var svg ="body").append("svg");

This line prepares the canvas for the visualization by appending svg element under body element. How can we prepare our own canvases using the div elements (viz1 and viz2) we have created? Does the following work?

var svg ="div").append("svg");

Why not? How do we refer certain elements with id or class in writing CSS? How should we change it?


Go back to the homepage.