Route Map for Web Audio

Dependency-free · 0.1.0

Make the signal path visible.

Publish a clear, keyboard-readable route map beside your Web Audio controls. Declare the nodes you know; give everyone else the orientation they need.

Try the live map

No audio capture. No telemetry. Just your declaration.

Five white ceramic tiles connected by a cobalt channel that splits into two paths and rejoins
One path in. Two treatments. One understandable output.

Live workbench

Read the chain before hearing it

Choose a familiar patch, follow the arrowheads, then export the exact map as an accessible SVG.

Example graph

Basic synth loaded: four nodes, three routes.

Signal reading

Oscillator → Low-pass → Master gain → Speakers

Keyboard

Tab into the map. Use arrows to move; press Enter for connections.

A map, not a monitor

Explicit on purpose

Automatic inspection breaks at wrappers, worklets, and app boundaries. A small declaration stays honest, portable, and publishable.

  1. 01Name the pieces

    Use the labels your listeners already see in the interface.

  2. 02Describe the routes

    Add branches, route names, and disabled paths without touching audio.

  3. 03Publish the map

    Render beside controls or export a standalone SVG for docs and issues.

Four nodes, one import

Keep the declaration close to the sound

The package ships ESM, CommonJS, TypeScript declarations, and one small stylesheet. Runtime dependencies: zero.

route-map.ts

Small by design

The map leaves the audio alone.