We've told the story of making “The Real Pie Chart” to Data Visualization Society:
https://medium.com/nightingale/easy-as-pie-chart-85182f213bda

Datavis 2020 is a free online course about how to conceptualize, design, and build interactive data visualizations with Web technologies.

It's almost started, but it looks like you can still enroll.

https://datavis.tech/datavis-2020/

p5js graphics library

Some dataviz ideas can be easily tested with p5js.org javascript library instead of famous d3. P5 is more of a tool for generative design and creative coding, so this library is designed as simple as possible, so even artists could cope with it.

Here are some experiments, that I've made using P5:

P5 also provides a handy online editor, so you can start coding straightaway:

https://editor.p5js.org/

Non-retina testing

If you have retina screen but the web-project you are working on should be tested on non-retina screens as well, you can set the page zoom to 50%, then make screenshot and explore it in any image viewer.

Isn't it too obvious? :–)

Searching bl.ocks

If you've got your hands dirty writing d3 code, you should know about bl.ocks.org resource providing numerous visualizations along with theirs source code.

If you want to find something specific on bl.ocks, https://blockbuilder.org/search comes in handy.

Make sure you've checked “with thumbnail image” option in the top left corner.

Path animation interpolation

There's a Flubber lib for that
https://github.com/veltman/flubber

Particle interaction optimization

If your N particles should repel each other, you can find repulsion force for each pair. But for lots of particles it will take time proportional to N² which can be pretty slow.

To reduce complexity you can render a raster force field at first and then make it impact every single particle:

p5js slowly renders Graphics object for some reason, so I do it straight on canvas. It's possible to hide the gradient field if you don't like it:

Neuroji

I've made a trashy stickerpack for telegram. Well not me really. A neural network trained on 2000 emojis completely refreshes it every 5 minutes. Enjoy!

Datavis and generative art collection

I collect stuff and post it to a channel. It's mostly about data visualization and generative design, but there are some random pictures for inspitation. All with tags and source links.

The channel was secret formerly, but now I've decided to publish it and share awesome thigs!

Feel free to join!
@sgryob

Made an animated version of viz about COVID-19 in Russia. Source code: https://observablehq.com/@illus0r/covid-19-in-russia-animated

What happens when you turn the words of “The Old Man and the Sea” into colors? Here I leave out all the letters except ABCDEF, which form a HEX color: after → #afe and so on.

https://observablehq.com/@illus0r/the-old-man-and-the-sea

Experimental COVID-19 dataviz with timeline on the map

Source code https://observablehq.com/@illus0r/covid-19-in-russia-animated