Webapp for drawing waveforms, circuits, and bit-field diagrams

KeithE

http://wavedrom.com/tutorial.html

This might be convenient for any forum members sharing waveforms, bit-field diagrams, and simple circuit diagrams. If you post the source and the diagrams then it could make collaboration fairly easy.

You can go here and paste things in without having to install anything:

http://wavedrom.com/editor.html

Circuit:

{assign:[
["g0", ["^", "b0", "b1"]],
["g1", ["^", "b1", "b2"]],
["g2", ["^", "b2", "b3"]],
["g3", ["=", "b3"]]
]}

Bit field diagram:

{reg: [
{bits: 8, name: 'IPO', attr: 'RO'},
{bits: 7},
{bits: 5, name: 'BRK', attr: 'RW'},
{bits: 1, name: 'CPK'},
{bits: 3, name: 'Clear'},
{bits: 8}
]}

Waveform examples abound in their tutorial. (It can even generate SystemVerilog assertions.)

-Keith

Phil Pilgrim (PhiPi)

That looks like a really nice resource! A little bit of language to learn, though. Nonetheless, it provides nice-looking output with what appears to be little effort.

I've always used CorelDraw for this kind of thing and, although it's great for drawing, it requires a bit of effort to produce nice-looking and nicely labeled waveforms.

Thanks for posting this!

-Phil

Shawn Lowe

KeithE wrote: »

http://wavedrom.com/tutorial.html

This might be convenient for any forum members sharing waveforms, bit-field diagrams, and simple circuit diagrams. If you post the source and the diagrams then it could make collaboration fairly easy.

You can go here and paste things in without having to install anything:

http://wavedrom.com/editor.html

Circuit:

{assign:[
["g0", ["^", "b0", "b1"]],
["g1", ["^", "b1", "b2"]],
["g2", ["^", "b2", "b3"]],
["g3", ["=", "b3"]]
]}

Bit field diagram:

{reg: [
{bits: 8, name: 'IPO', attr: 'RO'},
{bits: 7},
{bits: 5, name: 'BRK', attr: 'RW'},
{bits: 1, name: 'CPK'},
{bits: 3, name: 'Clear'},
{bits: 8}
]}

Waveform examples abound in their tutorial. (It can even generate SystemVerilog assertions.)

-Keith

Where is the tutorial?

GordonMcComb

Reminds me a little of Don Lancaster's PostScript routines that he used for all his drawings for his books and electronics magazine articles. Though I seldom do timing diagrams, it looks pretty nice. Bookmarked for future reference!

Heater.

Shawn Lowe,

Where is the tutorial?

How about in the link in the text you quoted?

http://wavedrom.com/tutorial.html

Shawn Lowe

Heater. wrote: »

Shawn Lowe,

Where is the tutorial?

How about in the link in the text you quoted?

http://wavedrom.com/tutorial.html

Heater-
Ah ha ha!! Sorry lack of paying attention!

KeithE

The bit field diagrams seem to be limited to 32-bits. I was hoping to whip up some diagrams for 64-bit and 128-bit registers. Probably an easy fix though.

Yanomani

There is another very intuitive application. It's the option I seldom use to craft my timing diagrams; The Timing Analyzer.

The site where it can be found, well, couldn't be any more intuitive than it is...

timing-diagrams.com/

P.S. Thanks to Don Fabrizio by doing it the way it is.