HomeJournalThis post

Voronoi Stained Glass With Structural Leads

A diagram-to-panel workflow connecting seeded cells to edited lead junctions, came-width offsets, cut maps, transmitted-light palettes, and safe craft review.

JP
JP Casabianca
UI/UX designer and full-stack engineer · Bogotá

Voronoi stained glass becomes credible when nearest-site edges stop behaving like weightless screen strokes and start behaving like leads between cut panes. Every acute junction, tiny cell, came width, glass texture, and border attachment changes what can become a real panel.

This field note edits computational topology into a structural drawing, offsets panes for physical joinery, assigns color through transmitted samples, and carries the result into a full-size cartoon and prototype. Geometry proposes; craft and qualified review decide.

Voronoi stained glass structural lead networkIrregular colored panes meet at simplified three-way lead junctions inside a reinforced border, with one computational sliver marked for removal.
  • Input or source
  • Measured transformation
  • Release evidence
Figure 1: Computational cells become a simplified lead drawing with bounded pane shapes and intentional border attachments.

Voronoi stained glass begins with load-bearing lines

A Voronoi diagram divides a region by nearest sites, producing irregular cells and a complete adjacency graph. Stained glass joins cut panes with lead came, copper foil, or another system whose widths, junctions, borders, and support matter physically. Voronoi stained glass should use the diagram as a starting topology, then edit it into a network that can be cut, joined, supported, and read as an intentional composition.

The V&A stained-glass collection provides object records across periods, places, makers, and techniques. Study specific works, construction descriptions, restoration notes, and scale before choosing a palette or calling a digital cell field stained glass. A contemporary Voronoi layout has its own lineage and should not borrow sacred, heraldic, or workshop traditions as anonymous decoration.

Separate three representations: mathematical cell polygons, glass cutlines, and lead centerlines expanded to physical width. Keep stable IDs linking them. The visible border between two colored regions is not simply an SVG stroke; came consumes area on both sides and changes the size and shape of the glass pieces that must fit inside it.

Runnable artifact: The fixture proves the lead graph has supported junction degrees, no self-edges, and panes above a declared minimum area.

Save this proof as voronoi-leads.test.mjs and run node voronoi-leads.test.mjs. Expected final line: PASS: lead graph supported.

import assert from "node:assert/strict";
const edges=[[0,1],[1,2],[2,3],[3,0],[0,2]]; const degree=n=>edges.flat().filter(x=>x===n).length;
assert.deepEqual([0,1,2,3].map(degree),[3,2,3,2]); assert.equal(edges.every(([a,b])=>a!==b),true);
const paneArea=[18,22,14,19]; assert.ok(paneArea.every(a=>a>=12)); console.log("PASS: lead graph supported");

Seed sites to serve the composition

Uniform random sites often create tiny slivers, crowded boundaries, and no focal hierarchy. Start with zones: a calm field, a denser focal region, an open light channel, and a strengthened perimeter. Use Poisson-like minimum distance or rejection sampling, then add hand-authored sites around silhouettes and joins. Every site should have a reason related to pane scale or visual mass.

The d3-delaunay documentation provides an official implementation interface for Delaunay triangulations and Voronoi diagrams. Pin the library version, clipping extent, and site ordering. Duplicate or nearly coincident sites must be rejected or merged deterministically, because unstable cells can change IDs and invalidate downstream cut and color records.

A Voronoi pane layout contact sheet should hold boundary, palette, pane count, and lead width constant while varying site distributions. Compare minimum angle, minimum area, perimeter distribution, vertex degree, and focal density. Poisson disk sampling for organic layouts supplies a controlled alternative to clumps without imposing a rigid grid.

Turn diagram edges into structural leads

Extract unique shared edges and merge collinear fragments where fabrication allows. Snap nearby vertices within a physical tolerance, then inspect junction degree. Extremely acute Y-junctions create fragile glass tips and awkward came; high-degree stars accumulate solder and can become visual knots. Move sites, collapse edges, or introduce a deliberate hub instead of accepting every computational vertex.

A lead network ledger records edge length, incident panes, junction IDs, border attachment, lead profile, and support role. The runnable proof checks a tiny graph for self-edges, degree, and minimum pane area. Production checks planarity after snapping, dangling interior edges, duplicate segments, acute angles, unsupported spans, and whether every cut pane remains a simple polygon.

Do not claim that a graph calculation proves architectural safety. Panel size, installation, wind, reinforcement, glass type, lead profile, cement, and framing require an experienced practitioner or engineer. This workflow produces fabrication-aware artwork and review evidence; it does not replace structural design for a window in a building envelope.

CheckDigital gatePrototype evidenceAction
Pane area≥12 cm²cut succeedsretain
Tip angle≥28°minor grindretain
Lead span≤220 mmstable mockupreview
Junction degree≤4clean solderretain
Figure 2: Diagram metrics are translated into physical checks before templates are issued.

Offset panes for came width and cutting

Expand each lead centerline to its physical face width, then subtract that region from neighboring cells to derive cut shapes. Offset operations near acute vertices can self-intersect or eliminate small panes. Use robust polygon geometry, resolve joins explicitly, and inspect every output. A six-millimeter came does not behave like a six-pixel centered stroke when the file changes scale.

The SVG 2 paths specification defines portable path syntax, but it does not guarantee fabricable offsets. Flatten transforms and export cutlines in millimeters with a calibration square. A lead came width table should state face width, heart height where relevant, allowance, cut clearance, and the pane dimensions after subtraction.

Test the smallest cell, sharpest tip, tightest concavity, and border corner at one-to-one scale using inexpensive material before cutting art glass. If a pane disappears under the lead, merge it or change the sites. Bézier plotter art with curvature control offers useful tolerance thinking, although glass cutting further prefers smooth, reachable cuts over mathematically perfect micro-curves.

Assign color through adjacency and transmitted light

Color decisions change when light passes through glass. Build the palette from actual samples or documented spectral photographs under the intended lighting, not CSS swatches alone. Assign colors over the pane adjacency graph with rules for contrast, repeated hue clusters, focal path, and available sheet size. Keep glass texture and direction as material fields separate from nominal color.

Use a glass color adjacency matrix to prevent accidental muddy runs and to place a limited number of high-chroma panes. Compare front-lit and backlit mockups. A dark lead network can unify strong variation, but very small saturated cells may flicker rather than support the larger image. Print a full-size color cartoon and view it at installation distance.

OKLCH color foundations help structure perceptual differences on screen, while the final decision belongs to transmitted samples. Archive both the digital token and glass catalog or sample ID. Avoid naming a hue after a historical workshop or region unless the actual material and scholarship support that attribution.

Prepare a cartoon, cut map, and assembly order

The full-size cartoon shows lead centerlines, pane IDs, color/material, grain direction, cutline, border, and reference dimensions. A separate cut map nests pieces on available sheets without losing orientation. Number panes spatially and redundantly so labels survive sorting. Print templates at 100 percent and verify several known distances before tracing or cutting.

Plan assembly in sections that keep came channels accessible and prevent accumulated error from closing the final pane. Identify border pieces, internal anchors, reinforcement, and solder junctions. A stained glass cutting plan should flag deep concavities, sharp tips, narrow waists, and pieces whose cutting path is unrealistic for the chosen glass and skill level.

Build a small quadrant before the complete panel. Record cut deviation, grinding, fit gaps, came behavior, solder buildup, and whether the intended line rhythm survives actual widths. The physical mockup may justify widening one lead family or simplifying a cluster. Make that edit in the source graph and regenerate all dependent files rather than patching the cartoon invisibly.

  1. 1Seed

    Place sites for light, focus, rhythm, and pane scale.

  2. 2Edit leads

    Simplify junctions, spans, angles, and border support.

  3. 3Offset panes

    Subtract came width and verify every cut shape.

  4. 4Prototype

    Test glass, fit, solder, light, and qualified support.

Figure 3: The raw nearest-site diagram is only the first stage of a material panel.

Document craft, safety, and accessibility

Glass cutting, lead, solder, flux, cement, and cleanup introduce real hazards. Follow current supplier safety data, local regulations, ventilation requirements, hygiene, personal protective equipment, and professional instruction. Keep food and drink away, control shards and dust, and treat lead residue deliberately. A design article should not compress those responsibilities into a decorative checklist.

Describe the panel through overall boundary, focal density, major color path, lead rhythm, pane count, and transmitted-light behavior. Provide a high-contrast line diagram and numbered table, since a backlit photograph alone may obscure the construction. Islamic star patterns from polygon contact demonstrates how cultural provenance and construction diagrams can coexist without reducing a finished work to geometry.

If an interactive site lets readers move sites or recolor panes, bound it to structurally plausible ranges and label the output a study. Offer keyboard controls, exact fields, undo, and a static representative state. Never let a playful browser editor imply that every generated graph is safe or reasonable to fabricate at architectural scale.

Publish a panel receipt from sites to solder

The receipt includes source references, boundary dimensions, site coordinates and intent zones, diagram library and version, clipping and tolerance, topology edits, lead graph, junction and angle report, lead profile, pane offsets, minimum areas, palette and sample IDs, adjacency rules, cartoon, cut map, labels, assembly order, reinforcement review, safety references, prototype observations, installed-light photos, accessibility description, and hashes. Voronoi stained glass remains accountable through every translation.

Reject a panel with unsupported historical language, unstable duplicate sites, dangling leads, vanishing offset panes, acute tips beyond the maker's process, unverified scale, inaccessible color documentation, or an installation claim beyond qualified review. Preserve the raw diagram beside the edited network. Their difference is where creative engineering and material judgment are most visible.

A successful field does not look like software exported to glass. Site density establishes visual cadence, structural leads turn proximity into drawing, material samples give color changing life, and fabrication edits make the object possible. The algorithm offers relationships; craft decides which relationships deserve to become a joined sheet of light.

Voronoi stained glass begins as adjacency but succeeds as a supported panel. Prototype Voronoi stained glass at came width before cutting the full field. Evaluate Voronoi stained glass under transmitted light and at installation distance. Document Voronoi stained glass with both the raw cells and every fabrication edit.