Observable

Ian Johnson

A series of exercises to get you started with interactive data visualization in D3.js

Painting with Data: D3.js

Open question -- at this point, you've asked me to do this, but not introduced the syntax in this notebook (there are links, but I don't know what to do with scaleLinear. How are you imagining people using this? Do they leave the notebook go go learn, then come back? Do they just use the hint? 

Perhaps more broadly, I'm curious about the relationship between the information provided and the code prompt. Is there (or should there be) a consistent structure where the function is introduced, and then you instantiate that function? When do you switch between plain english instructions (e.g, "you want to accomplish X") and syntax instructions (e.g., "use function X to do Y)?

Mike Freeman

Again, if I were just reading through this, I don't really have enough guidance for what I'm trying to do in the code cell below. I would just look at the solution. The structure suggests that I'm leaving the notebook to look at some documentation, but I'm not really sure what I'm supposed to do when I get back (there isn't a prompt about what to draw with the data).

yeah, i appreciate all of this. I'm settling on the idea that these notebooks will be companion material for video. So at the workshop I will be introducing concepts via live coding, and i also plan to embed a video for each notebook that would cover the same content.
that said i am adding in a bit more reference before each of the exercises