Who Says You R Not a Coder?
Building Data-Driven, Open Source, Static Course Content for Accessibility and Interactivity with R

Ryan Straight, Ph.D

College of Applied Science and Technology
University of Arizona

OUR AGENDA

The Plan for Today

1. Introduction
2. But I’m not a coder…
3. “Data-driven?”
4. What is R? What is markdown? What is Quarto?
5. Examples
6. Takeaways

Link to this slide deck!

WHO

Ryan Straight, Ph.D
Honors/Associate Professor of Practice Applied Computing & Cyber Operations
Director, MA{VR}X Lab
College of Applied Science and Technology
University of Arizona

• Me, what I teach, et cetera.
• Going to be introducing you to a lot today, so you’ll leavew ith some

BUT I’M NOT A CODER

Don’t underestimate yourself!

1. You are.
2. Really, you are.
3. Did I mention you’re a coder?

• So what does that mean, exactly?

DATA-DRIVEN?

• What do I mean by “data-driven” and why is this useful?
• Let’s look at my APCV 302 class.

APCV 302

Statistics in the Information Age

https://uaappcomp.github.io/apcv302/

R, MARKDOWN, & QUARTO

Again, I’m throwing a lot at you right now. All of this will be available for you to explore (even what I’m saying right here in my notes!)

R

```{r}
#| output-location: column
#| label: fig-airquality
#| fig-cap: Temperature and ozone level.
#| fig-alt: "Air quality by temperature and ozone."
library(ggplot2)
ggplot(airquality, aes(Temp, Ozone)) + 
  geom_point() + 
  geom_smooth(method = "loess"
)
```

Figure 1: Temperature and ozone level.

Markdown

Markdown Syntax	Output
*italics* and **bold**	italics and bold
superscript^2^ / subscript~2~	superscript2 / subscript2
~~strikethrough~~	strikethrough
`verbatim code`	verbatim code

Headings

Markdown	Output
# Header 1	Header 1
## Header 2	Header 2
### Header 3	Header 3
#### Header 4	Header 4
##### Header 5	Header 5
###### Header 6	Header 6

text

Quarto

Let’s talk Quarto!

• This is where the magic really happens.

EXAMPLES

• This deck is an example!
• Book next
• Last, website, and let’s look at data-driven

Interactivity

Interactivity

viewof temp = Inputs.range([0, 100], {step: 1, value: 34, label: htl.html`Temp ℃`})

Converting temperature from ℃ to ℉

Celsius = ℃ and Fahrenheit = ℉.

Accessibility

• Easy alt-text
• A11y themes
• Screenreader friendly
• Slide tones

\(LaTeX\)

Standard deviation

\[ \sigma = \sqrt{\frac{1}{N} \sum_{i=1}^N (x_i - \mu)^2} \]

Naive Bayes: posterior probability

\[ P(\omega_j|x) = \frac{p(x|\omega_j) \cdot P(\omega_j)}{p(x)} \]

And, of course, GIFs

Syllabus!

TAKEAWAYS

Step-by-Step

https://github.com/ryanstraight/ac22/

THE END

That’s a wrap!

Thank you for coming! Find out more at:

MA{VR}X Lab

https://mavrxlab.org

Me

https://ryanstraight.com