Embed

Character-art images on any website, from one script tag. Your readers' browsers do the conversion, so the page ships the original photo and 40 KB of script.

Hover to see the original.

Background

Snippet

The image must be on your own site or served with CORS headers. Without WebGL 2 the plain image shows. Every attribute is optional except src: cols, symbols, palette, background, reveal, alt.

In a post it looks like this

Notes from a mountain lake

We walked up before sunrise, when the water was still enough to hold the whole sky. By the time the light reached the peaks the wind had started and the reflection broke into pieces.

Clouds mirrored in a mountain lake. Photo: Ales Krivec (CC0).

The image above is the original photo, redrawn in the reader's browser from 1,055 characters of an 8×8 bitmap font. Hover it to see the photo.

Or on a chart

Les Misérables, character by character

Victor Hugo's characters, joined when they appear in the same chapter, drawn in Garphield and exported as a PNG. The nodes keep their colours, the links come through as fine strokes, and the longer names stay legible at 120 characters across.

Les Misérables co-appearance network (Knuth, 1993), laid out by Garphield's force layout.

Florentine families (Padgett, 1994)
Zachary's karate club (1977)