Book: Generative Art with JavaScript and SVG

Here you’ll find all the CodePen examples accompanying my book Generative Art with JavaScript and SVG, published by Apress.

You can also browse the code on Github or download the repository here.

Contents

Chapter 1 Examples

Chapter 2 Examples

Chapter 3 Examples

Chapter 1 Examples

Hilma af Klint-inspired Composition

See the Pen Gen Art Book 1.1 Hilma af Klint-Inspired Composition by David Matthew (@davidmatthew) on CodePen.

Cornflower Blue in SvJs

See the Pen Gen Art Book 1.2.1 Simple Rect with SvJs by David Matthew (@davidmatthew) on CodePen.

Our First Generative Sketch

Re-run this one for different results.

See the Pen Gen Art Book 1.3 Our First Generative Sketch by David Matthew (@davidmatthew) on CodePen.

Chapter 2 Examples

Web-Safe Colour Spiral

See the Pen Gen Art Book 2.1 Web-Safe Spiral by David Matthew (@davidmatthew) on CodePen.

Chapter 3 Examples

Adjusting the viewBox

See the Pen Gen Art Book 3.1 Adjusting the viewBox by David Matthew (@davidmatthew) on CodePen.

Rectangle Colour Illusion

See the Pen Gen Art Book 3.2 Rectangle Colour Illusion by David Matthew (@davidmatthew) on CodePen.