ProgresSVG

Progressive SVG

This extension is intended for Quarto@revealjs, to progressively reveal (or hide) SVG objects.

1. Create a SVG file (I created this using Inkscape)
2. Give each object a name (like this)
3. Adjust canvas size to fit your objects!! (like this)

To show the element axes from the example.svg file:

::: {.progressvg file="example.svg" element="axes"}
:::

To hide the element axes from the example.svg file:

::: {.progressvg file="example.svg" element="axes" action="hide"}
:::

Let’s try that code (show and then hide axes)

Now let’s show (and then hide) all elements