Plotly.js: feature: timing diagram

[mojoaxel]

This is a feature Request for a new chart type "Timing Diagram".

"A digital timing diagram is a representation of a set of signals in the time domain. A timing diagram can contain many rows, usually one of them being the clock. It is a tool that is commonly used in digital electronics, hardware debugging, and digital communications." - _via wikipedia_

_image CC-BY-SA-3.0 based on image by garrett-mcclure via electronics.stackexchange.com_

This chart type should support the following features:

• x-axes: normal number but also timing-series.
• y-axes can only have values false/true or 0/1.
• The area underneath each "1" signal can be filled with a color (in red above).
• every signal (y-axes) has a baseline (same as "0") (in green above).
• It should be possible to use this chart-type as a subplot.
• series can have different names, colors ...

[mojoaxel]

@jackparmer Could you please add this chart-type to #2221

[alexcjohnson]

I’ve seen plenty of charts like this with some of the signals analog. Wouldn’t need to be included from the outset but we shouldn’t preclude it.

This could of course be created already using one subplot and one trace for each signal, but I can see the argument for making it a single trace: it would have better performance, much cleaner API, and the interactions could be tailored to this use case.

[etpinard]

I'm thinking of merging all new trace type request like this one in https://github.com/plotly/plotly.js/issues/2221 until we start work on them.

Sounds ok @alexcjohnson ?

[mojoaxel]

For everyone in need of this diagram-type:
I created a basic timing-diagram example using plotly.js:

Here is the running example: https://gistpreview.github.io/?827f08eb335f93ba16b46c9daa9d9779
The source can also be found here: https://gist.github.com/mojoaxel/827f08eb335f93ba16b46c9daa9d9779

[etpinard]

Now listed under: type: new trace type