Search code examples
quartoreveal.js

Insert shapes in Quarto revealJS


In powerpoint we could insert shapes like circles, squares and arrows to refer to a word for example. I would like to insert an arrow in a revealjs slide to a specific word. Here is some reproducible code:

---
title: "Insert shapes in revealjs Quarto"
format: revealjs
---

## Slide

I would like to fade in an arrow to this **word**  

Output:

enter image description here

So I was wondering if anyone knows how to insert shapes like arrows to refer to a word in revealjs Quarto?


Solution

  • You could try out the roughnotation extension. Note that it doesn't showcase correctly in RStudio IDE and sometimes you need to adjust the zoom in your browser to get right results. Press R to see the circle on the slide.

    ---
    title: "Insert shapes in revealjs Quarto"
    format: revealjs
    filters:
       - roughnotation
    ---
    
    ## Slide
    
    I would like to fade in an arrow to this [word]{.rn rn-type=circle rn-color=red}
    

    enter image description here