ChatDiagram
Tools/Timing diagram generator

Timing diagram generator.

Draw a timing diagram by describing each signal, its transitions, data values and the timing relationship that matters.

Timing / Waveform DiagramEnter to send

Free account, no card · Export SVG, PNG or PDF

See it work

Timing diagram examples.

Same tool, four requests. Every drawing below is a real render.

What you type
Draw an SPI transaction with eight clock cycles, active-low chip select, MOSI bytes 0xAB through 0x05, and MISO changing from high impedance to response bytes 0xFF, 0x12, 0x34 and 0x56.
Then tryAdd a second SPI transaction after chip select returns high.Change MOSI to a single 0x9F command.
Timing / waveform diagram: SPI transaction
Timing / waveform diagram · WaveDrom-compatible signal description · schematex-timing

Rather start from a finished drawing? Browse 7 timing diagram templates →

The drawing

What a timing diagram is.

A timing diagram shows how one or more signals change over time. Shared horizontal intervals make it possible to compare clock edges, data values, resets and control signals at a glance.

Engineers use the drawing to explain a protocol or a hardware requirement before they inspect a waveform capture or write a test. Labels on bus intervals keep the transaction readable.

Standard
WaveDrom-compatible signal description
Engine
schematex-timing
Editable
Double-click text, drag nodes
Export
SVG · PNG · PDF
Timing / waveform diagram: What a timing diagram is
Who uses it

Who uses timing diagrams.

Timing / waveform diagram: Embedded developersEmbedded developers

Serial-bus transactions that make command bytes, acknowledgements and data responses clear.

Timing / waveform diagram: Digital designersDigital designers

Clock, reset, data and registered-output relationships for a component specification.

Timing / waveform diagram: Firmware test teamsFirmware test teams

UART receive frames with bit sampling and status signals for a repeatable test case.

How it works

How to make a timing diagram in three steps.

01

Describe it

One paragraph is enough to start.

“Draw an SPI transaction with eight clock cycles, active-low chip select, MOSI bytes 0xAB through 0x05, and MISO changing from high impedance to response bytes 0xFF, 0x12, 0x34 and 0x56.”
02

See the drawing

Drawn by the right engine.

Timing / waveform diagram: SPI transaction
03

Say what changes

Every edit keeps a version.

Add a second SPI transaction after chip select returns high.
V2 · DRAWN FROM V1, NOTHING RETYPED
FAQ

Common questions

What is a timing diagram?

It is a waveform drawing that shows signal values and transitions against a common time axis.

What should a protocol timing diagram include?

Include the relevant clock or strobe, control signals, data direction, bus values and the start and end of the transaction.

Why must signals be aligned?

Alignment shows which transitions occur together or relative to one another, which is the main purpose of the diagram.

Can a timing diagram show bus data?

Yes. Label each data interval with a byte, address, command or other value so the waveform can be read without decoding it manually.

Related tools

Other drawings for the same work.

Create your timing diagram.

Free account, no card. Describe the signals and their timing relationship.

Open the editor