Live demos

Interactive previews of core pattapatta ops — packing, hatch, pipelines, triangulation, and meshing. Geometry is computed in the browser (and during prerender) — no server round-trip.

Pipelines

Chained recipes: boolean / morphology → hatch or pack. Inputs are muted; result outlines and fill marks use the foreground stroke.

Circle packing

Pack disks into a unit-ish rectangle with lattices, inscribed search, stochastic growth, or obstacle-aware packing (seed circle in the center).

Triangulation

Star polygon via earcut, Delaunay, Poisson Steiner points, or Ruppert-inspired refine.

Meshing

createStar → densify → Poisson triangulation, then graph filters, quadrangulation, or mesh processing. The star outline stays visible under the faces.

Parallel hatch

createRect → hatchParallel → segmentsToOpenPaths.