Interactive Lab

Parametric design playground

Adjust structural, material, and geometric parameters in real-time to generate custom wireframes and architectural frames.

Live SVG Output Viewport
Synchronized
GRID SPEC: W=400.00 / H=400.00T_TRUSS=3px / V_RAD=45px
Live architectural matrix rendering using custom parameterized vector transforms inside Next.js.

Tectonic Sliders

Concrete Pillars6 rows

Controls vertical column frequency and grid density.

Truss Thickness3px

Controls stroke-weight of diagonal steel cables.

Central Void Radius45px

Controls the size of circular structural subtractions.

Gold Plate Opacity40%

Controls fill opacity of core accent panels.

Horizontal Rotation-15°
Vertical Pitch (Tilt)20°