# Markdown visualiseren met mindmaps in Discourse

**URL:** https://meta.discourse.org/t/visualize-markdown-with-mindmaps-in-discourse/216899
**Category:** Feature
**Created:** [2 februari 2022 om 21:33 UTC](https://meta.discourse.org/t/visualize-markdown-with-mindmaps-in-discourse/216899 "2022-02-02T21:33:21Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![leopedrini](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/leopedrini/32/119430_2.png) [@leopedrini](https://meta.discourse.org/u/leopedrini)
#### Post date: [2 februari 2022 om 21:33 UTC](https://meta.discourse.org/t/visualize-markdown-with-mindmaps-in-discourse/216899/1 "2022-02-02T21:33:21Z")

</div>

Hello dears,

Is there any plugin or intention to have something like this in Discourse?

> **[markmap](https://markmap.js.org/)**
>
> The website of gera2ld's markmap.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [3 februari 2022 om 05:09 UTC](https://meta.discourse.org/t/visualize-markdown-with-mindmaps-in-discourse/216899/2 "2022-02-03T05:09:33Z")

</div>

No plugin or theme that I am aware of. I do not expect us to add something like this to core, but if the community wish to build a plugin or theme, sure!

---

<div class="post-metadata">

### Author: ![aschrijver](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aschrijver/32/92004_2.png) [@aschrijver](https://meta.discourse.org/u/aschrijver)
#### Post date: [11 februari 2024 om 14:57 UTC](https://meta.discourse.org/t/visualize-markdown-with-mindmaps-in-discourse/216899/3 "2024-02-11T14:57:14Z")

</div>

Very handy utility. Including link to [REPL](https://markmap.js.org/repl) to try it out, and a mindmap that conveys the idea:

[![A mindmap that provides an overview of Markmap](https://global.discourse-cdn.com/meta/original/4X/3/8/c/38cda893243f3f546992554b181143f483c934fc.png)](https://markmap.js.org/repl)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [11 februari 2024 om 21:01 UTC](https://meta.discourse.org/t/visualize-markdown-with-mindmaps-in-discourse/216899/4 "2024-02-11T21:01:34Z")

</div>

```mermaid
mindmap
  root((Discourse))
    Origins
      Long history
      Popularisation
        British popular psychology author Tony Buzan
    Research
      On effectiveness<br/>and features
      Supports MindMaps already!!!
        Uses
            Creative techniques
            Strategic planning
            Argument mapping
    Tools
      Pen and paper
      Mermaid

```

We support mindmaps now in the [mermaid](https://meta.discourse.org/t/discourse-mermaid/218242) theme component!

example source:

```plaintext
mindmap
  root((Discourse))
    Origins
      Long history
      Popularisation
        British popular psychology author Tony Buzan
    Research
      On effectiveness<br/>and features
      Supports MindMaps already!!!
        Uses
            Creative techniques
            Strategic planning
            Argument mapping
    Tools
      Pen and paper
      Mermaid

```

markmap could be implemented, similarly as a theme component I guess.

---

<div class="post-metadata">

### Author: ![aschrijver](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aschrijver/32/92004_2.png) [@aschrijver](https://meta.discourse.org/u/aschrijver)
#### Post date: [12 februari 2024 om 04:11 UTC](https://meta.discourse.org/t/visualize-markdown-with-mindmaps-in-discourse/216899/5 "2024-02-12T04:11:05Z")

</div>

Oh, lovely 😍 thank you Sam!

(Btw, the mail notification of your post does not contain the mind map, but shows its textual definition instead)

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [13 februari 2024 om 06:08 UTC](https://meta.discourse.org/t/visualize-markdown-with-mindmaps-in-discourse/216899/6 "2024-02-13T06:08:25Z")

</div>

Out of curiosity, I tried to make it work with Markmap because it’s another interesting mindmap. It needs some detailed attention, but it can work. Hopefully, I can share something based on it. 😄

---

<div class="post-metadata">

### Author: ![erssebaggala](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erssebaggala/32/393541_2.png) [@erssebaggala](https://meta.discourse.org/u/erssebaggala)
#### Post date: [4 juni 2024 om 09:08 UTC](https://meta.discourse.org/t/visualize-markdown-with-mindmaps-in-discourse/216899/7 "2024-06-04T09:08:22Z")

</div>

@Arkshine is there an update on the mindmap

---

<div class="post-metadata">

### Author: ![leopedrini](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/leopedrini/32/119430_2.png) [@leopedrini](https://meta.discourse.org/u/leopedrini)
#### Post date: [4 juni 2024 om 09:38 UTC](https://meta.discourse.org/t/visualize-markdown-with-mindmaps-in-discourse/216899/8 "2024-06-04T09:38:15Z")

</div>

> [@Arkshine](#):
>
> It needs some detailed attention, but it can work.

Me too, i am interested.

Dear @Arkshine , could you please tell the “trick” to make it work on Discourse? 🙂

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [9 juni 2024 om 18:31 UTC](https://meta.discourse.org/t/visualize-markdown-with-mindmaps-in-discourse/216899/9 "2024-06-09T18:31:24Z")

</div>

I started to look at it again a few days ago, and I think I’m on the right track to post something soon. 😄  
It’s more work than expected.

On a technical side, Discourse relies on the Markdown-it library to handle markdown and has many custom plugins attached to it.  
In my previous video, I used the library from a CDN link. However, markmap, by default, tries to load Markdown-it from a CDN and use another instance. This means you won’t be able to use specific Discourse features in a markmap, so you must implement the library differently to use the instance from Discourse.

Stay tuned. 👍
