How to View and Edit WaveDrom Timing Diagrams in the DVT Eclipse IDE

Overview

WaveDrom https://wavedrom.com/ is a tool that draws timing diagrams from a simple textual description written in JSON format.

DVT renders WaveDrom diagrams in the Inspect View and in tooltips. The waveform description can either be embedded inside comments, or in dedicated files.

Explore the design and verification tools: https://www.dvteclipse.com
Or request a license: https://www.dvteclipse.com/request-license

Details

Rendering WaveDrom Timing Diagrams in DVT

WaveDrom is a tool that draws timing diagrams from a simple textual description written in JSON format. DVT renders WaveDrom diagrams in the Inspect view and in tooltips.

Embedding Waveform Descriptions in Comments

The Waveform description can be embedded inside comments between dedicated start and end pragmas. Notice how the waveform in the Inspect View gets updated on the fly as you type. Right-click on the diagram in the Inspect View to save it to a file.

Using Code Factory to Create WaveDrom Descriptions

A built-in Code Factory template can help you quickly write new waveform descriptions.

  1. Right-click on a module or entity and set it as the factory input.
  2. Place the editor cursor where you want to write the new WaveDrom.
  3. Right-click, and choose Code Factory > Create WaveDrom.

A blank WaveDrom description containing all the module ports is inserted in code, and you can simply start editing.

Visualizing Waveform Descriptions in Files

You can also visualize Waveform descriptions written in dedicated files. By default, the content of files with .json extension is rendered in the Inspect view. You can easily add to the list of supported extensions using the dvt_wavedrom_file_ext_add directive in your build configuration file.