Visualize Markdown as Mindmap (A.K.A Markmap) to VS Code's built-in markdown preview.

Demo 1

• Preview support to built-in markdown preview
• Syntax highlighting support to markmap fenced code block
  • See below a demo
• Attributes support to markmap fenced code block
  • See below details

To install this extension go to View->Extensions and search for markdown-markmap. Next click Install.

Create mindmap in markdown using markmap (or mdmm or mmmd) fenced code blocks:

```markmap
# Mindmap

## Extension

- [markdown-markmap](https://github.com/phoihos/vscode-markdown-markmap)

## Powered by

- <https://markmap.js.org/>
- [markmap-lib](https://github.com/gera2ld/markmap-lib)

## Highlighting

- links
- **inline** ~~text~~ *styles*
- multiline
 text
- `inline code`
- ```js
 console.log('code block');
 ```
- Katex
 - $\pm\sqrt{a^2 + b^2}$
 - $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$
 - $$\int_{0}^{\infty} f(x) dx$$
```

Syntax highlighting support exactly the same as VS Code's markdown.

Demo 2

Add attributes to markmap fenced code block with {key1=value1 key2=value2} curly brackets:

Multiple attributes are separated by space.
Use single or double quotation marks when specifying value with spaces.

```markmap {scale=1.1 color=#888}
···
```

Available attributes:

Available formats to attribute:

Powered by gera2ld/markmap-lib.

Currently, there is no settings.

If you find any problems using this extension or you want to propose new features to it, feel free to open an issue on Github.

Detailed Release Notes are available here or above Changelog tab.

Icon made by Freepik from www.flaticon.com