Digital timing diagram in your browser
npm install wavedrom




WaveDrom is a Free and Open Source online digital timing diagram (waveform) rendering engine that uses javascript, HTML5 and SVG to convert a WaveJSON input text description into SVG vector graphics.
WaveJSON is an application of the JSON format. The purpose of WaveJSON is to provide a compact exchange format for digital timing diagrams utilized by digital HW / IC engineers.
The engine is using WaveDromSkin skin mechanism to render a complete picture.
svg.wavedrom.com
```
!Alt
`md`
!signal step4
`md`
!reg vl
`
`html`
WaveDrom timing diagrams can be embedded into the web pages, blogs, and wikis to be rendered by the most of modern browsers.
There are three steps to insert WaveDrom diagrams directly into your page:
1) Put the following line into your HTML page `` or ``:
From a CDN:
`html`
2) Set the onload event for the HTML body.
`html`
3) Insert WaveJSON source inside HTML wrapped with the tag:
`html`
The script will find all instances and insert a timing diagram at that point.
(http://wavedrom.com/impress.html)
ObservableHQ examples: (https://observablehq.com/collection/@drom/wavedrom)
Blogger integration: (http://wavedrom.blogspot.com/2011/08/wavedrom-digital-timing-diagram-in-your.html)
MediaWiki integration: (https://github.com/Martoni/mediawiki_wavedrom)
WaveDromEditor
is an online real-time editor of digital timing diagrams based on the WaveDrom engine and WaveJSON format.
release from here: releases
2. Unzip it into a working directory.
3. Run the editor: wavedrom-editor.exe$3
1. Download the latest wavedrom-editor-v2.4.2-linux-{ia32|x64}.tar.gz release from here: releases
2. unzip-untar the package: tar -xvzf wavedrom-editor-v2.3.2-linux-x64.tar.gz
3. Run the editor: ./WaveDromEditor/linux64/wavedrom-editorOS X
1. Download the latest wavedrom-editor-v2.4.2-osx-x64.zip` release from here: releasesPlease use the WaveDrom user group for discussions, questions, ideas, or whatever.
See LICENSE.