Example Code for D3 Lecture

Prerequisites:

• Node.js, v4.2.2 or above
• Chrome browser

To set up:

• npm install
• node server.js
• Point your browser to localhost:3000. you should be able to see the files in the folder.

There are 4 examples showing how to work with D3 step by step:

• first.html and first.js: just draw a circle with D3.
• data-binding.html and data-binding.js: bind data to HTML elements, and operate on elements using D3 selection.
• bubbles.html and bubbles.js: let D3 help us generate a bubble chart layout.
• interactive.html and interactive.js: add interactive transitions.