Qualitative diagrams via R & Quarto

Save
5 months ago
6
Health & Science R quarto mermaid diagrams diagram

Clipped content from LiveStream exploration into Quarto's built-in diagramming capabilities.

Mermaid syntax uses %% notation for comments (as well as %%| for chunk commands). The chunk specification for Mermaid diagrams appears thusly:

```{mermaid}
%%| echo: false

```

Graphviz syntax utilizes forward slashes, //, for comments and the chunk commands are similar: //|. The chunk specification for Graphviz diagrams appears like so:

```{dot}
//| echo: false

```

The LiveStreams explore both options in greater depth.

• https://www.youtube.com/watch?v=RoeSwhJN7Js&t=25s (OOH #34 - Diagrams)

• https://www.youtube.com/watch?v=3JAqFNcJkCM&t=2722s

Both Mermaid and Graphviz have documentation and support OUTSIDE of Quarto (as well as the standard Posit helpful resources).

Mermaid: https://mermaid.js.org/ecosystem/tuto...

Graphviz: https://graphviz.org/

00:00 - mermaid flowcharts
00:43 - mermaid comment symbol (%)
01:15 - labeling and cross-referencing
01:45 - applying style themes
02:20 - customizing shapes and links
03:50 - mermaid gantt charts
04:15 - changing chart orientation
04:51 - graphviz polygons
06:13 - graphviz clusters
06:46 - comparison (mermaid vs graphviz)

Loading comments...