😁 Quarto 💖 Mermaid🧜 Mindmaps 🧠

TLDR 4️⃣ 💖 🧠

Quarto at last supports Mind Maps using Mermaid charts.

Mindmaps are a visual way to organize your thoughts and ideas and can be a great way to brainstorm new ideas. The can also be a powerful format for to present hierarchical information.

Mindmaps were popularized by British popular psychology author Tony Buzan and have a long history going back to Leonardo da Vinci and as far back as the 3rd century philosopher Porphyry.

mermaid logo

So if Quarto at last supports 🧠 Mind Map charts using Mermaid 🧜‍♀️ charts. here is the obligatory example:

mindmap
  root)mindmap(
    Origins
      Long history
      ::icon(fa fa-book)
      Popularization
        British popular psychology author Tony Buzan
    Research
      On effectiveness<br/>and features
      On Automatic creation
      ::icon(mdi mdi-skull-outline)
        Uses
            Creative techniques
            Strategic planning
            Argument mapping
    Tools
      Pen and paper
      ::icon(fa fa-book)
      ["`🧜 Mermaid`"]
      [for peace]
      ::icon(mdi mdi-twitter)

For details on creating mind maps c.f.

Also note: that the icon features for including fontawesome and material icons is not working!?

A a workaround adding the following to the page frontmatter

format: 
  html:
    include-in-header:
      - text: |
          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> 
          <link href="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/7.4.47/css/materialdesignicons.min.css" rel="stylesheet">

Citation

BibTeX citation:

@online{bochman2024,
  author = {Bochman, Oren},
  title = {😁 {Quarto} 💖 {Mermaid🧜} {Mindmaps} 🧠},
  date = {2024-02-12},
  url = {https://orenbochman.github.io/posts/2024/2024-02-12-mermaid-mindmap/},
  langid = {en}
}

For attribution, please cite this work as:

Bochman, Oren. 2024. “😁 Quarto 💖 Mermaid🧜 Mindmaps 🧠.” February 12, 2024. https://orenbochman.github.io/posts/2024/2024-02-12-mermaid-mindmap/.