> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.jotterpad.app/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Create Mind Map in Markdown

A mind map is a diagram used to visually organize information into a hierarchy, showing relationships among pieces of the whole. JotterPad uses [Markmap](https://markmap.js.org/) to render mind map in Markdown files.

# Create Mind map using Markmap
Mind map can be created using Markdown syntax in JotterPad's [Markdown code block](/en/article/format-text-with-markdown-gexkc6/#3-pre-formatted-code). To declare mind map in the code block to be rendered globally, use `codeBlockRenderAs: markmap` in the Markdown file's [YAML](/en/article/customize-template-in-markdown-19ir6fu/).

![](https://storage.crisp.chat/users/helpdesk/website/a720bae09aee9000/markdown-mind-map-jotterpad-ed_x4m4mm.png)

To declare mind map to render on individual code block, 
1. Type 3 backticks (```) at the start of the code followed by space or return key.
2. Press the `</>` button at the top right corner.
3. Choose `markmap`.
4. Add `renderAs=markmap` in metadata.

Supported Metadata:
| Parameter | Type   | Possible Values | Example          |
| --------- | ------ | --------------- | ---------------- |
| renderAs  | string | markmap         | renderAs=markmap |
| height    | number | 200             | height=200       |
| width     | number | 200             | width=200        |
Use `,` to add multiple parameters. E.g. `renderAs=markmap, height=200`.

Example:

```
# Business Plan

## Company Profile
- The **ultimate** *writing* ==app==
- Webpage: <https://jotterpad.app/>

## Product/Services
- Benefits
- Features
- Technology
```


# Examples

Here are some examples of JotterPad Markdown templates using mind map:

![](https://storage.crisp.chat/users/helpdesk/website/a720bae09aee9000/markdown-mind-map-markmap_1p5c1ar.png)

1. [Mind Map](https://jotterpad.app/app/templates/mind-map-md)

For a more detailed guide on Markmap's mind map, please refer to the Markmap official page [here](https://markmap.js.org/).