There’s an easter egg of sorts in that you can run the shown code snippets in the JavaScript console, and the results in the console will match the shown diagrams. This is thanks to careful inclusion of off-screen elements.
It would be fun to make an interactive tool that generates the diagram directly from the given selection and data (and probably wouldn’t be too hard to repurpose the existing code). But the JavaScript console and element inspector are so useful on their own for learning D3 + DOM, it’s likely more fruitful to encourage people to use the console directly.
Wow, I didn't even notice that. That is very slick! I played some of the "videos" and thought the implementation was nice, responsive, and smooth; I had no idea it wasn't pre-rendered video.
Thanks for this Mike. My work is more efficient, more enjoyable, and better because of d3. A lot of this relies on your quality, clear tutorials and documentation.
It would be fun to make an interactive tool that generates the diagram directly from the given selection and data (and probably wouldn’t be too hard to repurpose the existing code). But the JavaScript console and element inspector are so useful on their own for learning D3 + DOM, it’s likely more fruitful to encourage people to use the console directly.