MyST Markdown Tools
Guide
Overview
Community
Try MyST
Follow us on TwitterFork us on GitHub
  • MyST Markdown
  • Quickstart Tutorials
  • MyST Install
  • MyST Websites
  • MyST Documents
  • MyST Markdown Guide
  • Authoring
  • Typography
  • Callouts (admonitions)
  • Images and figures
  • Math and equations
  • Tables
  • Code and code-blocks
  • Cross-references
  • External references
  • Citations and bibliography
  • Blocks and comments
  • Diagrams
  • Dropdowns, Tabs & Cards
  • Executable Content
  • Interactive notebooks
  • Websites
  • Table of Contents
  • Search Engines and Social
  • Accessibility & performance
  • Analytics
  • Documents
  • Scientific PDFs
  • Microsoft Word
  • Working with JATS
  • Reference
  • Background
  • Installing MyST
  • Installing NodeJS
  • CommonMark
  • MyST Syntax Overview
  • Frontmatter
MyST Markdown

Diagrams

Content License: Creative Commons Attribution 4.0 International (CC-BY-4.0)Credit must be given to the creator

It is possible to add mermaid diagrams using the {mermaid} directive, for example:

```{mermaid}
flowchart LR
  A[Jupyter Notebook] --> C
  B[MyST Markdown] --> C
  C(mystjs) --> D{AST}
  D <--> E[LaTeX]
  E --> F[PDF]
  D --> G[Word]
  D --> H[React]
  D --> I[HTML]
  D <--> J[JATS]
```

Will show:

Authoring
Blocks and comments
Authoring
Dropdowns, Tabs & Cards
MyST ToolsMyST Tools
MyST Markdown Tools
  • Overview
  • Executable Books Community
  • Gallery
Documentation
  • Projects & Ecosystem
  • MyST CLI
  • Python Tools
Follow us on TwitterFork us on GitHub