Is it possible to interactively launch code chunks inside a slide in revealjs??

[jessijessi]

Description

Hi everyone,

I'm wondering if it's possible to add, in a Quarto documentin revealjs format, a code chunk which can be executed by clicking a button directly on the slide. If it is, what option do I need to set? I've been searching for a while but haven't found any information.

Thanks in advance,
Best regards

Jessica

[mcanouil]

It depends where you want the code to be executed.

See Python/R (WASM):

• PYODIDE
• WEBR

There are also:

• DROP
• LIVE

From a discussion with @EmilHvitfeldt you can use JavaScript and WASM compiled language, for example with R:

---
title: "Untitled"
format: 
  revealjs:
    include-before-body: 
      - text: |
          <script>
          import('https://webr.r-wasm.org/latest/webr.mjs').then(
            async ({ WebR }) => {
              const webR = new WebR();
              await webR.init();

              window.runWebR = async (expr) => {
                let result = await webR.evalR(expr);
                let output = result.toArray();
                console.log('Result of running `rnorm` from webR: ', output);
              };
            }
          );
          </script>
---

## Slide 1

```{=html}
<button onclick="runWebR('rnorm(10,5,1)')">Click Me</button>
```

Note that the output is sent to the console. You need to implement your own logic from there.

[jessijessi]

Thanks for your response. I am in RStudio and I am using R chunks. So, there is no direct option in Quarto? Could the script you pointed me to also work with R chuncks?

[mcanouil]

I don't understand what you want.
The above is to execute code from the Reveal.js HTML file. It's unlikely a user will open the HTML to preview it in RStudio. Instead it will use a browser.

RStudio already allows to execute the code from the source file (regardless of the format).

Could you clarify what you want to do exactly and the context?

[jessijessi]

Sorry if I was unclear. I'm wondering if it's possible to have runnable code chunks inside a slide in a Quarto document using reveal.js, as shown below:

In the slide, you can see both the code and the output together. What I want is to have only the code chunk visible when you first arrive at the slide, and then display the output after clicking on the code chunk.

[mcanouil]

Look at the links I shared.

[jessijessi]

Ok, thank you