Create your Draw.io diagram

How to use Draw  Show

Display "Layers window"

Create a new layer named « Slides »

Draw a rectangle for each desired slide

Add text to your rectangles: slides will be ordered by this value

Hide « Slides » layer

Export as SVG, including diagram

File → Export as → SVG...

Check « Include a copy of my diagram »

Download the file

.SVG

Drag the SVG file

and press « Create slideshow »

Press « View »

or copy the URL

Previous slide
(Left arrow)
(Mouse scroll)

Next slide
(Right arrow)
(Mouse scroll)

Global view
(Escape)

Disable laser
(Space)

Navigate using buttons 
(or keyboard shortcuts)

Restart
(« R » key)

Parameters
(« P » key)

Continue
(Escape)

Enable laser
(Space)

Focus mode (« F » key) : blurs everything outside the current slide

💡 Try to hit « F » key 
on your keyboard to switch to « focus mode »

Click on the first slide
or press the      button

You have a modern slideshow 🤩 

(like this one)

2