https://github.com/ijlyttle/reactivity-three-ways-quarto

https://github.com/ijlyttle/reactivity-three-ways-quarto

Last synced: 8 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/ijlyttle/reactivity-three-ways-quarto
• Owner: ijlyttle
• License: cc-by-4.0
• Created: 2022-04-06T15:20:55.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-08-05T20:07:17.000Z (almost 4 years ago)
• Last Synced: 2025-02-06T20:07:53.660Z (over 1 year ago)
• Language: R
• Homepage: https://ijlyttle.github.io/reactivity-three-ways-quarto/
• Size: 1.34 MB
• Stars: 10
• Watchers: 3
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# reactivity-three-ways-quarto

This is a [Quarto book](https://quarto.org/docs/books/). To run this on your computer, you'll need:

-   A recent version of [Quarto](https://quarto.org/docs/get-started/) and, although not strictly necessary, a recent version of the [RStudio IDE](https://www.rstudio.com/products/rstudio/).

-   A recent version of Python. 

    I use Python 3.10, but it runs on 3.8.

-   The R package [renv](https://rstudio.github.io/renv/index.html).

## Restore

To restore the project environment, use the R console from the project's root directory:

```{r}

renv::restore()

```

## Render

To render the book, you can use the terminal:

    quarto render

or you can use the "Render" button in the RStudio IDE.

## Image filter

You may notice diagrams specified in the document like this:

    ![Reactivity diagram for Shiny demo-app](images/shiny-aggregate-local.svg){.filter}

The `{.filter}` adds a class `"filter"` to the `` element. 

The class is used by a bit of added JavaScript, in  [`img-filter.html`](https://github.com/ijlyttle/reactivity-three-ways-quarto/blob/main/img-filter.html), to identify images to be inverted in dark-mode.

These images are line diagrams with transparent backgrounds.