Images made by rules

Ten sources where a picture follows from a small set of rules.

Some images are not drawn directly. They follow from equations, grammars or data passed through rules. This page lists ten sources, oldest first where dated.

Themes here: Art through code (6), Rules that generate (4), Getting good (1), How forms evolve (1), What the senses do (1), Saying it exactly (1).

Visualizing 100,000 Years of Earth in WebGL

Bouke Stam, TechniStuff. 19 May 2025. Personal blog post, with a live demo.

A build log for a browser globe of Earth over 100,000 years. Its images come from data passed through rules in shaders. It is useful for its concrete compression and rendering choices.

Strange Attractors

Shashank Tomar. 5 September 2025. Personal blog post, with interactive visuals.

An introduction to dynamical systems and chaos, built around a Three.js particle system. It shows three short equations producing complex forms. The author describes it as accessible learning, not advanced mathematics.

Introducing LACE

Nova Spivack. 15 October 2025. Personal blog post, with a code repository.

Introduces a Python platform for cellular automata where links between cells follow rules too. Most of its case is made through videos. Its stronger claims about new behaviour are the author's own.

nw_wrld//dpCube[4]

Daniel Aagentah (aagentah.bsky.social). 25 March 2026. Bluesky video post.

The post is one caption and a video. The caption says the piece was made in TypeScript and Ableton through nw_wrld software. The video was not viewed, so the page describes the caption only.

What Heraldry and Japanese Mon Can Teach Us About Building Visual-Identity Generators

Ben Overmyer. 28 September 2026. Personal blog post, from a working generator.

Compares Western heraldry and Japanese mon as two ways to generate emblems. It argues that a generator should start from operations rather than a catalog of symbols. It comes from the author's work on Iron Arachne.

Autostereogram

Not stated (Wikipedia contributors). Last edited 16 October 2026. Encyclopedia article, collaboratively written.

The article covers history, construction and viewing advice for autostereograms such as Magic Eye pictures. It explains how horizontal pattern spacing and depth maps create the illusion. It cites papers and books but includes no experiments of its own.

Alternate Clock Designs & Time Systems

Cyrille Médard de Chardon. Undated, with code from about 2012. Personal project page, with working clocks.

A small page of working clocks: decimal, binary, hexadecimal and others. Each face follows from how the day is divided. It is short and playful, and included for its question rather than its evidence.

Flint: A Visualization Language for the AI Era

Microsoft (project listed under the microsoft GitHub organization). Undated. Open-source project site and README for a charting library and MCP server.

Flint compiles short, editable chart specs into charts on five rendering backends. The README says it works as an MCP server and as an npm library. The source is project documentation with feature counts, code snippets and a release log. It offers no benchmarks.

Growing graphs

Alex Mordvintsev. Undated. Interactive browser simulation, with only a short intro text.

The page is an interactive simulation with a short intro. The text is very short, so this page describes only that intro. The simulation itself was not viewed.

Phloem: watch a git history grow like a slime mold

Not stated. Undated. Landing page of a browser visualization tool.

The page describes a tool that grows a slime-mold network from a public GitHub repository. The app did not load as text, so only its title and description were read. The visuals were not viewed.

Connections to other subjects

These links are this wiki's own reading, not claims the sources make.

Glossary

Ableton
A music production program used to make and play electronic music.
Backend
The charting library that finally draws the chart.
Blazon
The conventional verbal description of a coat of arms.
Cellular automaton
A grid whose cells update by local rules.
Depth map
A grayscale image whose brightness encodes distance for each point.
Emergent complexity
Rich behaviour that arises from simple rules without being designed in.
Graph-rewriting automaton
A system where rules repeatedly change the nodes and links of a graph.
Magic Eye
A commercial brand of random-dot autostereogram pictures and books.
MCP server
A program that gives an AI agent a standard way to call outside tools.
Mon
A Japanese emblem, often associated with a family.
Nw_wrld
The name of the software the post credits for making the piece.
Semantic type
A label saying what a data field means, such as a month or a temperature.
Shader
A small program that runs on the graphics processor.
Slime mold
A single-celled organism that grows branching networks while searching for food.
Stereopsis
Depth perception that arises from the slightly different views of the two eyes.
Strange attractor
A complex set of states that a chaotic system settles toward.
TypeScript
A programming language that adds types to JavaScript.
Vega-Lite
A grammar that describes charts as short JSON specs.
Wall-eyed viewing
Looking with the eyes near parallel, as if focused behind the picture.