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

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

Comments

  • 7 Comments sorted by Date Added Votes
  • 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
    “Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away. -Antoine de Saint-Exupery
  • 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?
  • 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!
  • Shawn Lowe,
    Where is the tutorial?
    How about in the link in the text you quoted?

    http://wavedrom.com/tutorial.html
  • 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!

    :tongue:
  • 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.
  • YanomaniYanomani Posts: 389
    edited November 24 Vote Up0Vote Down
    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.
Sign In or Register to comment.