section
#>design
path grammar label grammar shared field

Design / Experiments / SVG

SVG experiments should make the structure more legible, not escape the site's grammar.

This route reuses the same contour, stroke, field, and wonder-memory settings from the CSS lab. The point is to feel when those values become diagram language: frame edge radius, path cadence, label spacing, and how much the graphic feels carried by the surrounding surface.

@ "svg_bundle_register"

Pick A Diagram Posture

SVG is using the same root settings as the rest of the site, so a bundle here is also a bundle for nearby HTML cards and operators.

contour: Balanced stroke: Structural field: Field memory: Connected

Contour

Changes frame radius and how diagram hosts meet the page shell.

Stroke

Controls path weight, node stroke, and how assertive the diagram feels.

Field

Changes how much the diagram feels locally bounded versus carried into surrounding chips and links.

Wonder Memory

Uses the existing site memory setting so diagram traces can stay focused, nearby, or sitewide.

These controls save locally and affect later routes.

compare against CSS inspect current runtime
^ "svg_specimens"

Diagram Surface Carryover

The same grammar now affects path cadence, label spacing, and host contour. This is where SVG stops being an exception and becomes part of the same system.

Diagram posture specimen A staged diagram showing authored seed, contour grammar, stroke grammar, field resonance, and route carryover. #>authored_seed base surface intent ? contour_profile tight | balanced | soft = stroke_profile hairline | structural | bold > field_resonance local | field | choral * route_carryover wonder memory persists diagram host responds to contour, stroke, and field settings from the same root state as the rest of the site follow the tuned state into nearby routes

The outer frame responds most clearly to contour profile. The paths and node seams respond most clearly to stroke profile. The felt carryover into neighboring links depends on field resonance plus wonder memory.

frame = authored stance probe = contour choice binding = stroke choice surface = field breadth stream = route carryover

Read the host

If the diagram feels disconnected, inspect host contour first. SVG should not sit outside the site's surface family.

Read the path cadence

Dash cadence and line weight should change the felt rigor of the graphic without forcing a different ontology.

Read the carryover

Leave this page after tuning and see whether nearby routes still feel like the same instrument.

? "svg_token_register"

Current Diagram Token Register

These values are read from the root after the current settings have been applied.

--spw-svg-stroke-scale

Multiplier applied to frame, node, and path stroke width.

1

--spw-svg-flow-dash

Dash cadence length for active flows.

5

--spw-svg-flow-gap

Gap between dashed segments.

9

--spw-svg-label-spacing

Letter spacing used by diagram labels.

0.04em

--line-thick

Structural node and seam weight.

2.5px

--attention-field-decay

How quickly resonance falls off from matching surfaces.

0.65