Quarto

将 Jupyter notebooks与灵活的选项相结合，以多种格式生成生产质量的输出。使用传统notebooks UI 或notebooks的纯文本 Markdown 表示形式进行创作。

Example Jupyter notebook entitled Palmer Penguins with code cells, text, and a scatterplot.

Output of example Jupyter notebook, Palmer Penguins, in HTML showing title, metadata, text, code, and scatterplot. At the top there is a dropdown option to show or hide the code.

Quarto 是 Posit 的 R Markdown 的多语言下一代版本，具有许多新特性和功能。与 R Markdown 一样，Quarto 使用knitr执行 R 代码，因此无需修改即可渲染大多数现有 Rmd 文件。

---
title: "ggplot2 demo"
author: "Norah Jones"
date: "5/22/2021"
format: 
  html:
    fig-width: 8
    fig-height: 4
    code-fold: true
---

## Air Quality

@fig-airquality further explores the impact of temperature on ozone level.

```{r}
#| label: fig-airquality
#| fig-cap: "Temperature and ozone level."
#| warning: false

library(ggplot2)
ggplot(airquality, aes(Temp, Ozone)) + 
  geom_point() + 
  geom_smooth(method = "loess")
```

Example output with title (ggplot2 demo), author (Norah Jones), and date (5/22/2021). Below is a header reading Air Quality followed by body text (Figure 1 further explores the impact of temperature on ozone level.) with a toggleable code field, and figure with caption Figure 1 Temperature and ozone level.

结合 Markdown 和 Julia 代码来创建完全可复制的动态文档。Quarto 通IJulia Jupyter 内核执行 Julia 代码，使您能够以纯文本进行创作（如下所示）或渲染现有的 Jupyter notebooks。

---
title: "Plots Demo"
author: "Norah Jones"
date: "5/22/2021"
format:
  html:
    code-fold: true
jupyter: julia-1.8
---

## Parametric Plots

Plot function pair (x(u), y(u)). 
See @fig-parametric for an example.

```{julia}
#| label: fig-parametric
#| fig-cap: "Parametric Plots"

using Plots

plot(sin, 
     x->sin(2x), 
     0, 
     2π, 
     leg=false, 
     fill=(0,:lavender))
```

Example Plots Demo output with title, author, date published and main section on Parametric plots which contains text, a toggleable code field, and the output of the plot, with the caption Figure 1 Parametric Plots.

Quarto 包含对 Observable JS 的本机支持，这是由 Mike Bostock（D3 的作者）创建的一组 JavaScript 增强功能。Observable JS 使用反应式执行模型，特别适合交互式数据探索和分析。

---
title: "observable plot"
author: "Norah Jones"
format: 
  html: 
    code-fold: true

---

## Seattle Precipitation by Day (2012 to 2016)

```{ojs}
data = FileAttachment("seattle-weather.csv")
  .csv({typed: true})
  
Plot.plot({
  width: 800, height: 500, padding: 0,
  color: { scheme: "blues", type: "sqrt"},
  y: { tickFormat: i => "JFMAMJJASOND"[i] },
  marks: [
    Plot.cell(data, Plot.group({fill: "mean"}, {
      x: d => new Date(d.date).getDate(),
      y: d => new Date(d.date).getMonth(),
      fill: "precipitation", 
      inset: 0.5
    }))
  ]
})
```

Example output with title, author, and date. Below, the main section reads Seattle Precipitation by Day (2012 to 2016) with a toggleable section to show code and a heatmap of the precipitation by day.