← All lessons

Learn D3

How this course works, what the workbench can do, and the chapter list.

This is a 21-page course for the Swiftener JS Playground. Open this tab, enable the named library under Libraries, wait until it is checked, paste the whole editor, and press Ctrl+Enter (or Cmd+Enter). Always console.log. Enable D3 under Libraries.

Goal

Finish every chapter by running the copy-paste blocks in the workbench. The last chapter is a small kiosk story you can reuse.

How to take the course

  1. Keep this tutorial tab and the JS Playground side by side.
  2. Copy an exercise, paste it as the whole editor, then run it.
  3. Always console.log a confirmation after the chart is drawn.

City names in the examples are Nairobi, Mombasa, Kisumu, Nakuru, and Eldoret.

Chapter list