02 Generative study
Generative Identity
A visual fingerprint of the work. Project metadata becomes a small constellation of rings, points, and threads. Same source, same variation, same mark.
863a4d1d v1Make a variation
Choose the whole collection or a single project. Change the variation to explore another arrangement.
Showing the saved fingerprint for Selected work, variation 0. It stays available without JavaScript or WebAssembly.
What goes into this mark?
The selected source uses these published project titles, their slugs, roles, and project types:
- Color Compass
- CTD Todo App
- Daily Tasks
- Drawer Count
- Kitchen Inventory
- Sprout
Portfolio specialties: Web Components · JavaScript · React · Node.js.
This is an abstract composition, not a score or personal identifier. The seed is a repeatable starting point for the drawing.
How it works
Rust makes the geometry
Rust combines the source metadata and variation into a seed. A fixed pseudorandom sequence places four orbital arcs and 24 points. It returns numbers: radii, angles, arc lengths, and point coordinates.
React draws the mark
JavaScript passes the input to WebAssembly and reads the result. React renders the SVG, labels, controls, and status messages. Every drawing is still, including when reduced motion is enabled.
Why WebAssembly?
The same tested Rust generator creates the saved artwork and runs in the browser. This explores reproducible generation across that boundary; it makes no claim that a small drawing needs WASM to be fast.
A useful fallback
The saved SVG comes from the same generator and is included in the page’s HTML. The optional generator loads only when requested. If it cannot load, the current drawing and this explanation remain available.
Read the Rust generator on GitHub Gist →
← Back to the Workshop