Timing Diagrams

A project log for Templates for

A few templates and scripts to make schematics, plots, and diagrams kinda matching the theme

ted-yapoTed Yapo 08/06/2016 at 02:223 Comments

I did almost no work for this one, but it's really cool. At, they have a really neat timing diagram editor that takes a JSON description file like this:

{signal: [
  {name: 'discharge_h', wave: '1...0.1....|...'},
  {name: 'discharge_l', wave: '0...1.0....|...'},
  {name: 'charge_h', wave:    '1.0.......1|..0'},
  {name: 'charge_l', wave:    '0.1.......0|..1'},
  {name: 'State', wave: '|...', data: ['C charge', 'guard', 'L charge', 'L discharge', 'guard', 'C charge']},
and makes an image like this:

The simple diagram shown here doesn't show all the really cool stuff you can do with the tool. Have a look at the site (or read the SNUG2016 Paper) for more examples and information.

You can download the application and install it locally, or use it in your browser. I modifed the script discussed in a previous log to deal with the alpha channel generated by the WaveDrom tool - that's what made the white-on-black image at the top of this log.

I just saw that WaveDrom had been written up on HaD in 2015:


AVR wrote 03/05/2018 at 23:29 point

To change the color do you invert it in a photo editor or is there a setting I'm not seeing ?

  Are you sure? yes | no

Ted Yapo wrote 03/05/2018 at 23:58 point

There's a bash script in the files section ( that does the conversion.  It converts PNG, PDF, or FIG files to PNG with the inverted color scheme.  It's linux-centric, and relies on netpbm and transfig packages, and maybe some others, I may not be exactly sure where all the programs come from :-)  But they're all in standard linux distros.

So, no, there is no setting in wavedrom to do this that I know of.

  Are you sure? yes | no

AVR wrote 03/06/2018 at 02:44 point

sounds good to me!!! thanks I'll check out your script when I boot into Linux. 

  Are you sure? yes | no