D3.js workshop

[ejcer]

I'm kinda surprised that there isn't an elective for D3.js. It's the defacto javascript visualization library. If you're not using python, then you're probably using D3.js for any online visualization assignments.

Questions that can really only be solved with visualization:
What would you like to see from your social network?
What patterns can you identify from government data?
How can we monitor our user's activity for them?

IMO, with api's becoming a standard product, you probably will want a control panel, and what's a control panel without some level of visualization for your user's activity on the api? Same can be said with more and more open source / easy to use machine learning algorithms.

AFAIK, the only quality education materials out their are behind paywalls D:<

Some things to think about:
What should the data be for the workshop?
How will you generate that data for the workshop?
Will there be any data for the workshop?
Should there be any data for the workshop?
How simple will the workshop be?
What types of charts/graphs/visualizations will the workshop cover?
Lots of other things to think about, hope one of you awesome teachers will share a workshop on this :)

[thibaudcolas]

Hey @emcenrue!

I just saw your issue in the discussions repo. I've been writing a D3 workshop on and off for a few months now: https://github.com/ThibWeb/testdrived3.

The material is based on the famous Let's Make a Bar Chart tutorials by D3's author, with a couple of changes to make the exercises even simpler.

D3's learning curve is hard so the current set of exercises comes with a lot of boilerplate. The workshop also comes with a server command so that people can see their code run in the browser (and see the charts) as they implement the exercise.

It's nearly good / complete enough to be used in a workshop but I would love feedback on it. If this gets enough use I think the next step would be to add exercises that rely on the upcoming V4 of D3 to do more complex visualisations / interactive ones.