Skip to main content

WaveDrom

WaveDrom creates digital timing diagrams from signal and wave data.

Use this type​

Use WaveDrom for clocks, buses, requests, responses, and protocol timing.

Source format​

The source format is WaveJSON. Enter the source in the diagram.zip editor.

Syntax essentials​

  • Use an object with a signal array.
  • Give each signal a name and a wave string.
  • Use data labels for bus values.
  • Use empty objects to add visual space.

Example​

{ "signal": [
  { "name": "clock", "wave": "p...." },
  { "name": "data", "wave": "x.34x", "data": ["A", "B"] }
]}
Rendered exampleDrag to pan. Use the wheel or controls to zoom.
100%
This view uses the live diagram.zip renderer.

Limitations​

  • Only the six bundled diagram.zip skins are available.
  • diagram.zip returns SVG for this type.

Upstream reference​

WaveDrom documentation