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.