Home | Math art in code

Page by Murray Bourne, IntMath.com. Last updated: 07 Sep 2019# Math art in code

Last updated: 07 September 2019.

This is a collection of computer-generated art that has mathematics at its core.

An **evolute** of a curve is the path traced out by the centers of the radius of curvature of the curve. Animations of this concept produce pleasing geometric shapes. See:

A Lissajous curve results from the combination of two combined signals. Here are some animations of Lissajous curves, using SVG and javascript. See:

Create your own solid of revolution using this interactive 3-D graph. Drag across the canvas and the shape automatically appears.

Here's an animation made from pure CSS whose wave motion makes it look a bit like a jelly fish.

This spinning clock is made using CSS (for the rotation and font changes) and javascript. For a creative take on a familiar subject, see:

The **Moire effect** is produced when 2 similar patterns (usually slightly out of phase) interact as they move. Sometimes it's not so good (striped shirts on a video), but sometimes it is a design feature. See the animation, which uses simple CSS animations (no javascript), here:

**Delaunay Triangulation** is a specific kind of triangulation (the important mathematical concept used in everything from engineering to computer graphics).

See some math, art and coding at:

**Perlin Noise** was an important development in computer game and animations, as it made surfaces a lot more realistic. The process is based on vectors, interpolation and differential calculus. This animation reminds us of smoke moving in the wind. See:

This is an animation of the Moore Curve, an example of a **space filling curve** which consists of continuous (one-dimensional) fractal lines that bend around in ever more intricate ways such that they eventually fill a (2-dimensional) square.

Bubble sorting is a simple sort technique that all coders learn about. Here are two visualizations of the bubble sort process, one involving numbers, and the other colors.