To teach students of the class "Visualization" at the Otto von Guericke University Magdeburg the basics of D3.js, I created lectures with accompanying interactive notebooks.

In the notebooks, key concepts are introduced one at a time, building on each other. The notebook structure makes it easy to include explanations for each new concept introduced while providing the necessary code and resulting visualization along with it.