Full Screen Plot

Properly size a plot to completely fill the slide

To have a plot fill a slide you need to do 2 things. First, you need to create a content class that removes all the necessary padding and margins. Second, you need to set the proper chunk options to size the plot correctly. Note that the fig.asp must properly match the aspect ratio of your slides.

Result

Rmd

---
output:
  xaringan::moon_reader:
    css: ["default", "style.css"]
    lib_dir: libs
    seal: FALSE
    nature:
      highlightStyle: github
      highlightLines: true
      countIncrementalSlides: false
---

class: full

```{r, fig.asp = 3/4, fig.align = 'center', echo = FALSE, out.width = "100%", dpi= 300, warning = FALSE}
library(ggplot2)
library(palmerpenguins)

ggplot(penguins) +
  aes(bill_length_mm, bill_depth_mm,
      color = species) +
  geom_point() +
  theme_minimal() +
  scale_color_manual(values = c("darkorange","purple","cyan4")) +
  labs(title = "Bill depth and length")
```

style.css

.full {
  padding: 0px;
}

.full p {
  margin-top: 0px;
}