markmap

O que é markmap?

Markmap é uma combinação de Markdown e mapa mental. É compatível com a sintaxe Markdown e extrai sua estrutura hierárquica intrínseca e renderiza um mapa mental interativo, também conhecido como markmap.

A sintaxe da estrutura é a seguinte:

Type	Syntax	Example
Título Nível 1	# ...	# Eu sou o título 1
Título Nível 2	## ...	## Eu sou o título 2
Título Nível 3	### ...	### Eu sou o título 3
Título Nível 4	#### ...	#### Eu sou o título 4
Título Nível 5	##### ...	##### Eu sou o título 5
Título Nível 6	###### ...	###### Eu sou o título 6
Itens da lista	- ...	# Eu sou a lista - Eu sou o item 1 - Eu sou o item 2

A maneira mais fácil de usá-lo é carregar seu conteúdo Markdown na página 👉 experimente.

Você também pode experimentar em:

• linha de comando: veja markmap-cli
• Vim / Neovim: veja coc-markmap

Uso Programático

Básicamente, usamos markmap-lib para pré-processar Markdown em dados estruturados e, em seguida, renderizar os dados em SVG interativo com markmap-view.

Veja os pacotes relevantes para mais detalhes.

Demonstrações

• markmap com React: https://stackblitz.com/edit/markmap-react?file=src%2Fmarkmap-hooks.tsx
• markmap com Vue: https://stackblitz.com/edit/markmap-vue?file=src/app.vue
• markmap auto-carregador: https://stackblitz.com/edit/markmap-autoloader?file=index.html

Suporte

Veja faq para respostas às suas perguntas. Se você ainda precisar de ajuda, sinta-se à vontade para perguntar no GitHub Discussions.

Créditos

• Este projeto é fortemente inspirado pelo markmap de dundalek.