flowchart LR
A[Hard edge] --> B(Round edge)
B --> C{Decision}
C --> D[Result one]
C --> E[Result two]
Quarto enables you to weave together content and executable code into a finished document. To learn more about Quarto see https://quarto.org.
Please note that for the sake of showing the syntax to describe the output I have added spaces between key parts of the script. I will point out which parts they are as we go through the tutorial.
” * italics * wavy and ** bold ** this is bold” returns an output such as italics and bold
If you want to add a superscript or a subscript to your text this is the syntax you would need to use.
superscript ^ 2 ^ / subscript ~ 2 ~ would superscriptcheetos come subscriptdoritos out as superscript2 / subscript2
If you want to strikethrough your text the code would look like so:
~~ strikethrough ~~ with an strike this out output of strikethrough
If you want something shown verbatim you would type your code as such:
verbatim code
When creating headings in Quarto the syntax is quite simple! The number of “#” signs you use corresponds to the size of the header with 1 # being the largest and 6 # being the smallest header. The result will look like so:
“* unordered list
“+ sub-item 1
“+ sub-item 2
“- sub-sub-item 1
unordered list
sub-item 1
sub-item2
unordered list
sub-item 1
sub-item 2
sub-item 1
definition
definition
Use ``` to delimit blocks of source code:
code
Add a language to syntax highlight code blocks
1+1Pandoc supports syntax highlighting for over 140 different languages. If what you use is not supported then use default language to get a similar visual treatment
If you use HTML there are more varieties for code block output that I will not touch on, so I suggest you visit the article for HTML on quarto.org
Use $ delimiters for inline math and $$ delimiters for display math for example:
inline math: \(E = mc^{2}\)
display math:
\[ E = mc^{2} \]
Quarto has native support for embedding Mermaid and Graphviz diagrams. This enables you to create flowcharts, sequence diagrams, state diagrams, gnatt charts, and more using a plain text syntax inspired by markdown.
For example, here we embed a flowchart created using Mermaid:
flowchart LR
A[Hard edge] --> B(Round edge)
B --> C{Decision}
C --> D[Result one]
C --> E[Result two]
flowchart LR
A[Sunlight] --> B(Photosynthesis)
B --> C{Allocation of photosynthate}
C --> D[Root growth]
C --> E[Shoot growth]