Examples

#reveal.js slideshow

The offline reveal.js slideshow embeds an interactive diagram. Arrow keys change slides. On a slide, use the mouse or focus a diagram control with Tab and activate it with Space or Enter.

Open slideshow in full screen

#Slide code

<section>
  <h3>Status feedback</h3>
  <bus-diagram
    fit="contain"
    toolbar="compact"
    monitor="false"
    description="false"
    style="height:520px">
    <script type="application/json">
      { "formatVersion": 2, "title": "Example", "lines": [{ "address": "1.1" }], "devices": [] }
    </script>
  </bus-diagram>
</section>

The page loads reveal.css, reveal.js, and bus-diagram.js. See the slides guide for presentation options.