Plotter workshop examples, organized for the browser.

Keynote export

Electric Sea Workshop Deck

Open the exported Apple Keynote presentation directly in the browser on GitHub Pages.

Vite app

Audio Waveform SVG

Capture microphone input and turn amplitude into plotter-friendly line work.

Vite app

Face Mesh → SVG

Use the camera to turn captured face landmarks into exportable vector drawings.

Vite app

Hand Pose → SVG

Capture hand landmarks, switch mark-making modes, then export the result.

Package adaptation

Noisy Grid

Interactive controls for the warped-cell grid, rendered with Turtletoy in-browser.

Package adaptation

Random Circles

Seeded circles with adjustable count and radius, plus SVG export from line segments.

Package adaptation

Polygon Spirograph

Rotating regular polygons rendered as plottable SVG, using the package return syntax.

Standalone HTML

p5 Noisy Grid

Slider-driven grid distortion with p5.plotSvg export.

Standalone HTML

p5 Random Circles

Circle composition study with seeded variation and one-click SVG output.

Standalone HTML

p5 Polygon Spirograph

Regular-polygon repeats, scale decay, and rotation as a browser sketch.

Standalone HTML

Drawing Circles

Visual explainer for converting polar coordinates into plotted line segments.

Standalone HTML

Random vs Noise

Interactive comparison of random and noise displacement — why smooth values make plotter art organic.

Standalone HTML

Displacing a Line

See how different noise types move vertices — from random jitter to layered Perlin for organic shapes.

Standalone HTML

Sin, Cos & Tan

Watch the unit circle trace out waves in real time — the math behind every curve on a plotter.

Standalone HTML

Subdivision

Watch squares and triangles split recursively — the basis of fractal patterns and detailed plotter fills.

Source file

Turtle Sources

Open the original Turtletoy workshop sketches alongside the adapted browser demos.