Doing generative art in D3

I gave a talk recently at CampJS on doing generative art in D3. The talk focused on creating generative art using D3.js from the following aspects:

  • Colour, noise, texture and shapes
  • Randomness, algorithms and interactive processes
  • Generated typography and animated brushes for custom artwork

Here are the demos I had:




Color tiles (Randomness)

Fractal tree(L-system)

Animated Grid

Lissajous figure

Noise (2DPerlin)


When I have time I’ll write separate blog posts about the algorithms used in each example.

The source code is available here.