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

It's inspired by this viz made for France.

COVID-19 evolution in France. Made with QGIS
#visualization #glyph #timeseries
https://twitter.com/datagistips/status/1249286046178840576

Sentiment analysis of The Old Man and the Sea. Yellow are positive, blue — negative. Hover boxes to read.

Used TextBlob and python for porcessing and observablehq.com for vizualization.

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