Skip to main content

WaveDrom (timing diagram)

Draws a timing diagram showing how digital signals change over time. Useful when studying digital electronics or computer architecture.

Syntax​

```wavedrom
{"signal":[{"name":"clk","wave":"p......"},{"name":"data","wave":"x.345x","data":["a","b","c"]}]}
```

The content is WaveDrom's own JSON format: each item in the signal array is a signal line, and the wave field defines that line's state over time using short character codes (p = periodic clock, x = undefined, digit characters = data states).

What it's for​

Visually showing how a clock signal, a data line, or protocol timing changes.

Source​

WaveDrom's full syntax (all wave characters, additional fields): wavedrom.com.

Tsunagi-specific note​

If you write invalid JSON or an unknown wave character, the diagram isn't rendered; the code is shown as plain text instead.