Mapas Mentais Markmap

O VMark suporta Markmap para criar árvores de mapas mentais interativos diretamente nos seus documentos Markdown. Ao contrário do tipo de diagrama mindmap estático do Mermaid, o Markmap usa títulos Markdown simples como entrada e oferece pan/zoom/colapso interativos.

Inserindo um Mapa Mental

Usando o Menu

Menu: Inserir > Mapa Mental

Atalho de teclado: Alt + Shift + Cmd + K (macOS) / Alt + Shift + Ctrl + K (Windows/Linux)

Usando um Bloco de Código

Digite um bloco de código delimitado com o identificador de linguagem markmap:

```markmap
# Mapa Mental

## Ramo A
### Tópico 1
### Tópico 2

## Ramo B
### Tópico 3
### Tópico 4
```text

A Partir de um Assistente de IA

Não existe uma ferramenta dedicada a mapas mentais. Um cliente de IA conectado pelo servidor MCP do VMark insere um mapa mental da mesma forma que insere qualquer outro Markdown — escrevendo um bloco de código ```markmap no documento com a ferramenta document ou selection.

Modos de Edição

Modo Texto Rico (WYSIWYG)

No modo WYSIWYG, os mapas mentais Markmap são renderizados como árvores SVG interativas. Você pode:

• Pan clicando e arrastando (uma rolagem simples rola o documento, não o mapa mental)
• Zoom segurando Ctrl e rolando
• Colapsar/expandir nós clicando no círculo em cada ramo
• Ajustar a visualização usando o botão de ajuste (canto superior direito ao passar o mouse)
• Duplo clique no mapa mental para editar o código-fonte

Modo Fonte com Prévia ao Vivo

No modo Fonte, um painel de prévia flutuante mostra o mapa mental enquanto o cursor estiver dentro de um bloco de código markmap, atualizando conforme você digita. A prévia vem desativada por padrão — ative-a com Visualizar → Alternar pré-visualização de diagrama (Alt + Mod + P) ou pela paleta de comandos.

Formato de Entrada

O Markmap usa Markdown padrão como entrada. Os títulos definem a hierarquia da árvore:

Markdown	Função
# Título 1	Nó raiz
## Título 2	Ramo de primeiro nível
### Título 3	Ramo de segundo nível
#### Título 4+	Ramos mais profundos

Conteúdo Rico nos Nós

Os nós podem conter Markdown inline:

```markmap
# Plano do Projeto

## Pesquisa
### Ler artigos **importantes**
### Revisar [ferramentas existentes](https://example.com)

## Implementação
### Escrever módulo `core`
### Adicionar testes
- Testes unitários
- Testes de integração

## Documentação
### Referência de API
### Guia do usuário
```text

Itens de lista sob um título se tornam nós filhos desse título.

Demonstração ao vivo

Aqui está um markmap interativo renderizado diretamente nesta página — experimente fazer panorâmica, zoom e recolher nós:

Recursos Interativos

Ação	Como
Pan	Clique e arraste
Zoom	Ctrl + scroll
Colapsar nó	Clique no círculo em um ponto de ramo
Expandir nó	Clique no círculo novamente
Ajustar à visualização	Clique no botão de ajuste (canto superior direito ao passar o mouse)

Integração de Tema

Os mapas mentais Markmap se adaptam automaticamente ao tema atual do VMark (White, Paper, Mint, Sepia ou Night). As cores dos ramos se ajustam para legibilidade em todos os temas.

Exportar como PNG

Passe o mouse sobre um mapa mental renderizado no modo WYSIWYG para revelar um botão de exportação. Clique nele para escolher um tema:

Tema	Fundo
Claro	Fundo branco
Escuro	Fundo escuro

O mapa mental é exportado como um PNG de resolução 2x via diálogo de salvamento do sistema.

Dicas

Markmap vs Mermaid Mindmap

O VMark suporta tanto o Markmap quanto o tipo de diagrama mindmap do Mermaid:

Recurso	Markmap	Mermaid Mindmap
Formato de entrada	Markdown padrão	DSL Mermaid
Interatividade	Pan, zoom, colapso	Imagem estática
Conteúdo rico	Links, negrito, código, listas	Somente texto
Melhor para	Árvores grandes e interativas	Diagramas estáticos simples

Use o Markmap quando quiser interatividade ou já tiver conteúdo Markdown. Use o Mermaid mindmap quando precisar junto com outros diagramas Mermaid.

Aprendendo Mais

• Documentação do Markmap — Referência oficial
• Playground do Markmap — Playground interativo para testar mapas mentais