IsaKiko / D3-visualising-data

Lesson plans for teaching the basics of HTML, CSS, SVG, JSON, and JS (primarily D3.js), in order to create browser-based data visualisations.
http://isakiko.github.io/D3-visualising-data/
Other
35 stars 35 forks source link

Replace chapter 4 with gists, blocks and blockbuilder #42

Open Fil opened 8 years ago

Fil commented 8 years ago

Learning git seems to be too much load for this lesson.

It's probably an easier path to learn to create gists, and you'll have covered half the way to properly using Github.

With gists we get access to the d3 ecosystem of bl.ocks.org and blockbuilder.

Also it takes some pressure off “publishing”, just because it looks more like “playground”. We can even start with anonymous gists!

Fil commented 8 years ago

Note that one sad consequence of this choice is that we would lose the possibility to use alert() in the examples, at least with blockbuilder.

IsaKiko commented 8 years ago

Hm - interesting idea!

I'm personally a big fan of making everyone putting their things online. I also think it's fantastic seeing that you are able to create a webpage and put it online within a day! Having said that, the github lesson needs some work. It's easier now to add files to a repo using only the online interface. So there's no need to download anything anymore.

I haven't really used gists. How would that work? And how does the integration into bl.ocks work?

Loosing alerts is a little bit sad.. it seems people really enjoy them on their first toy pages (although I encourage them to quickly move on from alerts after ;))

Fil commented 8 years ago

blocks are just a way to display gists directly in the browser ; it was made by Mike Bostock to showcase the D3 examples.

blockbuilder is a website that displays blocks/gists, but also enables to toy with their code directly in the browser, in realtime, saving and forking as you go (and only if you need). It's the fastest way to interact with d3 code.

Limitations are:

As both blocks and blockbuilder use github gists as their file backend, everything that exists in gist space also exists in blocks and blockbuilder space, and vice versa. There is even a handy bookmarklet to "jump" from a block to the blockbuilder page. (And the URL structure is the same)

-- Fil