D3.js Intro Lessons

A few lessons to help beginners get started programming using D3.js.

Quickstart

This tutorial takes the form of five lessons. Start at the beginning:

1. Clone the repo and run the webpack server. (See below for commands.)
2. Load up http://localhost:8080/ in your browser.
3. Open up src/lesson0.js in your favorite text editor.
4. From there, move on to lesson1.js, lesson2.js, etc. Each lesson builds on the previous one.

Feel free to experiment by changing the code! The webpack server will automatically refresh your browser as you save changes.

Clone repo and launch web server

git clone https://github.com/josephharrington/d3-intro-lessons.git
cd d3-intro-lessons
npm install webpack-dev-server -g

webpack-dev-server --hot --inline
# Load up http://localhost:8080/ in your browser.
# Pages will automatically refresh as you save your changes.