Introduction to Quarto

Learn how to write dynamic documents with both text and code using Quarto
Author

Stefano Coretta

Published

June 27, 2024

Prerequisites

1 Quarto

Keeping track of the code you use for data analysis is a very important aspect of research project managing: not only the code is there if you need to rerun it later, but it allows your data analysis to be reproducible (i.e., it can be reproduced by you or other people in such a way that starting with the same data and code you get to the same results).

Reproducible research

Research is reproducible when the same data and same code return the same results.

Check out Reproducibility and replicability for details.

R scripts are great for writing code, and you can even document the code (add explanations or notes) with comments (i.e. lines that start with #).

But for longer text or complex data analysis reports, R scripts can be a bit cumbersome.

A solution to this is using Quarto files (they have the .qmd extension).

1.1 Code… and text!

Quarto is a file format that allows you to mix code and formatted text in the same file.

This means that you can write dynamic reports using Quarto files: dynamic reports are just like analysis reports (i.e. they include formatted text, plots, tables, code output, code, etc…) but they are dynamic in the sense that if, for example, data or code changes, you can just rerun the report file and all code output (plots, tables, etc…) is updated accordingly!

Dynamic reports in Quarto

Quarto is a file type with extension .qmd in which you can write formatted text and code together.

Quarto can be used to generate dynamic reports: these are files that are generated automatically from the file source, ensuring data and results in the report are always up to date.

1.2 Formatting text

R comments in R scripts cannot be formatted (for example, you can’t make text bold or italic).

Text in Quarto files can be fully formatted using a simple but powerful mark-up language called markdown.

You don’t have to learn markdown all in one go, so I encourage you to just learn it bit by bit, at your pace. You can look at the the Markdown Guide for an in-depth intro and/or dive in the Markdown Tutorial for a hands-on approach.

A few quick pointers (you can test them in the Markdown Live Preview):

  • Text can be made italics by enclosing it between single stars: *this text is in italics*.

  • You can make text bold with two stars: **this text is bold!**.

  • Headings are created with #:

# This is a level-1 heading

## This is a level-2 heading
Mark-up, Markdown

A mark-up language is a text-formatting system consisting of symbols or keywords that control the structure, formatting or relationships of textual elements. The most common mark-up languages are HTML, XML and TeX.

Markdown is a simple yet powerful mark-up language.

1.3 Create a .qmd file

Important

When working through these tutorials, always make sure you are in the course Quarto Project you created before.

You know you are in a Quarto Project because you can see the name of the Project in the top-right corner of RStudio, next to the light-blue cube icon.

If you see Project (none) in the top-right corner, that means you are not in the Quarto Project.

To make sure you are in the Quarto project, you can open the project by going to the project folder in File Explorer (Windows) or Finder (macOS) and double click on the .Rproj file.

To create a new .qmd file, just click on the New file button (the white square with the green plus symbol), then Quarto Document.... (If you are asked to install/update packages, do so.)

A window will open. Add a title of your choice and your name. Make sure the Use visual markdown editor is NOT ticked, then click Create (you will be free to use the visual editor later, but it is important that you first see what a Quarto document looks like under the hood first).

A new .qmd file will be created and will open in the File Editor panel in RStudio.

Note that creating a Quarto file does not automatically save it on your computer. To do so, either use the keyboard short-cut CMD+S/CTRL+S or click on the floppy disk icon in the menu below the file tab.

Save the file inside the code/ folder with the following name: tutorial-w04.qmd.

Remember that all the files of your RStudio project don’t live inside RStudio but on your computer.

1.4 Parts of a Quarto file

A Quarto file usually has three main parts:

  • The YAML header (green in the screenshot below).

  • Code chunks (red).

  • Text (blue).

Each Quarto file has to start with a YAML header, but you can include as many code chunks and as much text as you wish, in any order.

Quarto: YAML header

The header of a .qmd file contains a list of key: value pairs, used to specify settings or document info like the title and author.

YAML headers start and end with three dashes ---.

Quarto: Code chunks

Code chunks start and end with three back-ticks ``` and they contain code.

{r} indicates that the code is R code. Settings can be specified inside the chunk with the #| prefix: for example #| label: setup sets the name of the chunk (the label) to setup.

1.5 Working directory

When using Quarto projects, the working directory (the directory all relative paths are relative to) is the project folder.

However, when running code from a Quarto file, the code is run as if the working directory were the folder in which the file is saved.

This isn’t an issue if the Quarto file is directly in the project folder, but in our case our Quarto files live in the code/ folder within the project folder (and it is good practice to do so!).

We can instruct R to always run code from the project folder (i.e. the working directory is the project folder). This is when the _quarto.yml file comes into play.

Open the _quarto.yml file in RStudio (you can simply click on the file in the Files tab and that will open the file in the RStudio editor). Add the line execute-dir: project under the title. Note that indentation should be respected, so the line you write should align with title:, not with project:.

project:
  title: "qml-2024"
  execute-dir: project

Now, all code in Quarto files, no matter where they are saved, will be run with the project folder as the working directory.

1.6 How to add and run code

You will use the Quarto document you created to write text and code for this tutorial.

Delete everything in the Quarto document below the YAML header. It’s just example text—we’re not attached to it!

This is what the Quarto document should look like now (if your YAML header also contains “format:html, that’s completely fine):

Now add an empty line and in the following line write a second-level heading ## Attach packages, followed by two empty lines. Like so:

Now we can insert a code chunk to add the code to attach the tidyverse. To insert a new code chunk, you can click on the Insert a new code chunk button (the little green square icon with a C and a plus) , or you can press OPT+CMD+I/ALT+CTRL+I.

A new R code chunk will be inserted at the text cursor position.

Now go ahead and add the following lines of code inside the R code chunk.

#| label: setup

library(tidyverse)
Running code in Quarto documents

To run the code, you have two options:

  • You click the small green triangle in the top-right corner of the chunk. This runs all the code in the code chunk.

  • Ensure the text cursor is inside the code chunk and press SHIFT+CMD+ENTER/SHIFT+CTRL+ENTER. This too runs all the code in the code chunk.

If you want to run line by line in the code chunk, you can place the text cursor on the line you want to run and press CMD+ENTER/CTRL+ENTER. The current line is run and the text cursor is moved to the next line. Just like in the .R scripts that we’ve been using in past weeks.

Run the setup chunk now.

You will see messages printed below the code chunk, in your Quarto file (don’t worry about the Conflicts, they just tell you that some functions from the tidyverse packages have replaced the base R functions, which is OK).

Practice 1

Try this yourself:

  • Create a new second-level heading (with ##) called Read data.

  • Create a new R code chunk.

  • Set the label of the chunk to read-data.

  • Add code to read the following files (hint: think about where these files are located relative to the working directory, that is, the project folder). Assign the datasets to the variable names polite and glot_status respectively.

    • winter2012/polite.csv

    • coretta2022/glot_status.rds

  • Run the code.

1.7 Render Quarto files to HTML

You can render a .qmd file into a nicely formatted HTML file.

To render a Quarto file, just click on the Render button and an HTML file will be created and saved in the same location of the Quarto file.

It may be shown in the Viewer pane (like in the picture below) or in a new browser window. There are a few ways you can set this option to whichever version you prefer. Follow the instructions that work for you—they all do the same thing.

  • Tools > Global Options > R Markdown > Show output preview in…
  • Preferences > R Markdown > Basics > Show output preview in….
  • Right beside the Render button, you will see a little white gear. Click on that gear, and a drop-down menu will open. Click on Preview in Window or Preview in Viewer Pane, whichever you prefer.

Rendering Quarto files is not restricted to HTML, but also PDFs and even Word documents!

This is very handy when you are writing an analysis report you need to share with others.

Quarto: Rendering

Quarto files can be rendered into other formats, like HTML, PDF and Word documents.

You could even write your dissertation in Quarto!

2 Render your Quarto file!

Now that you have done all of this hard work, why don’t you try and render the Quarto file you’ve been working on to an HTML file?

Go ahead, click on the “Render” button and if everything works fine you should see a rendered HTML file in a second!

Note that you will be asked to render your Quarto files for the assessments, so I recommend you try this out now.

3 Summary

That’s all for this week!

  • Quarto files can be used to create dynamic and reproducible reports.

  • Mark-up languages are text-formatting systems that specify text formatting and structure using symbols or keywords. Markdown is the mark-up language that is used in Quarto documents.

  • The main parts of a .qmd file are the YAML header, text and code chunks.