Mapa mental

Sobre mapas mentais

Um mapa mental é um diagrama radial que organiza ideias em torno de um tema central, ramificando-se para subtópicos e detalhes. Tony Buzan popularizou o formato nos anos 1970 como ferramenta de anotação e brainstorming; desde então o método foi amplamente adotado na educação, planejamento de projetos, facilitação de reuniões e gestão do conhecimento. O insight principal é que a ramificação não linear espelha como o pensamento associativo funciona — mais rápido que fazer um esboço, mais estruturado que a escrita livre.

Os mapas mentais do Schematex usam uma DSL de cabeçalho Markdown + lista de marcadores inspirada no markmap — um formato que a maioria das pessoas já conhece. Dois estilos de layout estão disponíveis: o clássico map radial (ramificações em todas as direções) e uma árvore horizontal logic-right. Esta página documenta o que o parser aceita atualmente.

mindmap·§
↘ preview
100%
Product Launch Plan map mindmap with 27 nodes Direct competitors Pricing benchmarks Competitive analysis SMB customers Enterprise pilot Target segments Market readiness Core API complete Edge cases resolved Feature freeze Load testing CDN configuration Cache rules Geo routing Infrastructure Engineering Landing page live Email campaign Press outreach TechCrunch pitch Newsletter sponsors Go-to-market Week 1 signups Activation rate NPS at day 30 Success metrics Product Launch Plan
UTF-8 · LF · 33 lines · 515 chars✓ parsed·12.2 ms·14.9 KB SVG

1. Seu primeiro mapa mental

O menor mapa mental útil: um tema central com dois ramos, um deles com um subitem.

mindmap·§
↘ preview
100%
Team retrospective map mindmap with 7 nodes Clear sprint goals Good test coverage What went well Slower PR reviews Add a review SLA What to improve Team retrospective
UTF-8 · LF · 11 lines · 149 chars✓ parsed·0.4 ms·4.0 KB SVG

Quatro regras cobrem 80% dos casos:

  1. Comece com a palavra-chave opcional mindmap em sua própria linha, seguida de uma linha em branco.
  2. A raiz é o único cabeçalho # — exatamente um é permitido.
  3. Use ##, ### e cabeçalhos mais profundos para definir a profundidade dos ramos. O nível do cabeçalho equivale à profundidade na árvore.
  4. Use marcadores -, * ou + para adicionar subitens sob qualquer cabeçalho. Cada 2 espaços de indentação adiciona mais um nível de profundidade.

Comentários não são suportados. Use diretivas %% (antes do cabeçalho raiz #) somente para configuração.


2. Cabeçalhos e profundidade

O nível do cabeçalho mapeia diretamente para a profundidade na árvore. # é sempre a raiz (profundidade 0). ## é profundidade 1. ### é profundidade 2, e assim por diante até ###### (profundidade 5).

mindmap

# Root
## Branch A         ← profundidade 1
### Sub-branch      ← profundidade 2
#### Leaf           ← profundidade 3
## Branch B

Os cabeçalhos podem pular níveis — #### após ## é válido e produz um nó na profundidade 3. A profundidade na árvore é relativa à raiz, não ao cabeçalho anterior.


3. Marcadores

Os marcadores estendem um ramo de cabeçalho com mais detalhes. Qualquer um de -, * ou + é aceito como marcador. Cada 2 espaços de indentação adiciona um nível de profundidade em relação ao cabeçalho que o contém.

## Risks
- Technical complexity         ← profundidade 2 (um nível abaixo de ## Risks)
  - Legacy integrations        ← profundidade 3 (2 espaços de indent)
    - Auth service             ← profundidade 4 (4 espaços de indent)
- Team availability            ← profundidade 2 novamente
mindmap·§
↘ preview
100%
Book outline map mindmap with 14 nodes Why this matters Historical context Current state What you will learn Chapter 1 — Introduction Concept A Definition Examples Concept B Definition Step-by-step walkthrough Worked example Chapter 2 — Core concepts Book outline
UTF-8 · LF · 18 lines · 267 chars✓ parsed·0.8 ms·7.7 KB SVG

4. Formatação inline

Os rótulos dos nós suportam um subconjunto da formatação inline do Markdown. O parser tokeniza os rótulos em tempo de análise; o renderizador usa os tokens para emitir texto estilizado.

SintaxeEfeitoExemplo
**texto**Negrito**Critical path**
*texto*Itálico*optional*
`código`Código monoespaçado`npm install`
[texto](url)Link[RFC 7519](https://tools.ietf.org/html/rfc7519)
[ ] itemTarefa não concluída[ ] Write tests
[x] itemTarefa concluída[x] Design review

A caixa de seleção deve estar no início do rótulo (antes de qualquer outro texto). A formatação inline pode ser aninhada: **[bold link](url)**.

mindmap·§
↘ preview
100%
Sprint 24 review map mindmap with 12 nodes Auth redesign JWT + refresh tokens API rate limiting per-user Error budget dashboard Completed Mobile push notifications iOS APNs integration Android FCM setup In progress Payment webhook waiting on Stripe team Escalated to account manager Blocked Sprint 24 review
UTF-8 · LF · 17 lines · 380 chars✓ parsed·1.4 ms·9.7 KB SVG

5. Estilos de layout

A diretiva %% style: seleciona o algoritmo de layout. Coloque-a antes do cabeçalho raiz #.

EstiloLayoutMelhor para
map (padrão)Radial — ramos se espalham em todas as direções a partir do centroBrainstorming, mapas conceituais, exploração livre
logic-rightÁrvore horizontal — todos os ramos se estendem para a direitaEsboços estruturados, hierarquias, decomposições sequenciais
futureswheelAnéis concêntricos — a raiz no centro, cada nível de cabeçalho em seu próprio anelProspectiva, mapeamento de consequências, brainstorming estruturado
driverÁrvore horizontal — objetivo à esquerda fluindo para a direita por drivers até ideias de mudançaProgramas de melhoria, decomposição objetivo → driver → ação
%% style: map
%% style: logic-right
%% style: futureswheel
%% style: driver

map (padrão) — layout radial, ramos se espalham em todas as direções a partir do centro. Melhor para brainstorming e mapas conceituais.

mindmap·§
↘ preview
100%
Machine learning map mindmap with 19 nodes Decision tree SVM Neural net Classification Linear Gradient boosting Regression Supervised K-means DBSCAN Clustering PCA t-SNE Reduction Unsupervised Q-learning Policy gradient Reinforcement Machine learning
UTF-8 · LF · 24 lines · 268 chars✓ parsed·0.6 ms·10.4 KB SVG

logic-right — árvore horizontal, todos os ramos se estendem para a direita. Melhor para esboços estruturados e hierarquias sequenciais.

mindmap·§
↘ preview
100%
Machine learning logic-right mindmap with 19 nodes Decision tree SVM Neural net Classification Linear Gradient boosting Regression Supervised K-means DBSCAN Clustering PCA t-SNE Reduction Unsupervised Q-learning Policy gradient Reinforcement Machine learning
UTF-8 · LF · 25 lines · 290 chars✓ parsed·0.9 ms·10.3 KB SVG

futureswheel — uma Roda de Futuros (Jerome Glenn, 1971/72), o formato clássico de brainstorming estruturado para pensar em consequências. O evento ou tendência central fica no centro; as consequências de primeira ordem pousam no anel interno, as de segunda ordem no próximo anel externo, e assim por diante. Cada filho permanece dentro do setor angular de seu pai, e cada anel é codificado por cor por ordem, para que um leitor possa ver de relance quão distante uma repercussão está do evento original. A profundidade mapeia para anéis: # é o centro, ## é o primeiro anel (1ª ordem), ### / marcadores sob um cabeçalho avançam para o próximo anel (2ª ordem), e níveis mais profundos continuam avançando.

mindmap·§
↘ preview
100%
Remote work becomes default futures-wheel mindmap with 10 nodes Remote work becomes default Less commuting Lower carbon emissions Cheaper city living Distributed teams Async communication norms Global hiring pools Empty offices Commercial real estate slump Repurposed to housing
UTF-8 · LF · 16 lines · 272 chars✓ parsed·9.6 ms·6.5 KB SVG

driver — um Diagrama de Drivers, a ferramenta de planejamento do modelo de melhoria do IHI (Instituto para Melhoria da Saúde). Ele é lido da esquerda para a direita como uma árvore organizada: o objetivo na extremidade esquerda, os drivers primários (as poucas áreas de alta alavancagem que movem o objetivo) na próxima coluna, depois os drivers secundários e ideias de mudança concretas ramificando-se mais à direita. Os níveis da árvore mapeiam claramente para a estrutura: # é o objetivo, ## são os drivers primários, e marcadores / cabeçalhos mais profundos sob cada um se tornam os drivers secundários e ideias de mudança. Use-o sempre que precisar mostrar como uma meta será alcançada.

mindmap·§
↘ preview
100%
Reduce 30-day readmissions logic-right mindmap with 7 nodes Teach-back at bedside Med reconciliation Reliable discharge process Appointment within 7 days Post-discharge phone call Timely follow-up Reduce 30-day readmissions
UTF-8 · LF · 12 lines · 207 chars✓ parsed·0.4 ms·4.0 KB SVG

6. Diretivas

As diretivas são linhas %% colocadas antes do cabeçalho raiz #. Elas configuram o diagrama globalmente.

DiretivaValoresPadrãoEfeito
%% style: …map, logic-right, futureswheel, drivermapAlgoritmo de layout
%% theme: …qualquer string(nenhum)Substituição de tema passada ao renderizador
%% maxLabelWidth: …inteiro 80–1000240Largura máxima em pixels antes de o rótulo quebrar
mindmap
%% style: logic-right
%% maxLabelWidth: 320

# Wide label root
mindmap·§
↘ preview
100%
Schematex features logic-right mindmap with 13 nodes One keyword per diagram AI-friendly syntax CJK support DSL-first design Hand-written parser No D3, no dagre ~KB-level bundle Zero dependencies IEEE for logic gates IEC for circuits McGoldrick for genograms Standards-compliant Schematex features
UTF-8 · LF · 20 lines · 329 chars✓ parsed·0.5 ms·7.3 KB SVG

7. Rótulos e comentários

  • Título raiz: o texto após # na linha do cabeçalho raiz.
  • Rótulos de ramos: o texto após ##, ###, etc.
  • Rótulos de marcadores: o texto após o marcador - / * / + .
  • Formatação inline: **negrito**, *itálico*, `código`, [texto](url), [ ] / [x].
  • Comentários: não suportados no corpo. Use diretivas %% antes da raiz # para configuração; linhas %% no corpo são tratadas como diretivas (silenciosamente ignoradas se não reconhecidas).

8. Palavras reservadas e escape

Reservadas no início do documento: mindmap (palavra-chave opcional) e %% (prefixo de diretiva).

Reservado como raiz: exatamente um cabeçalho #; um segundo cabeçalho # gera um erro de análise.

Marcadores: -, *, + seguidos de um espaço. Um * que não é seguido de espaço é tratado como marcador de itálico se aparecer dentro do texto do rótulo.

Conflitos inline: um rótulo começando com [ ] ou [x] é analisado como uma caixa de seleção, não um link Markdown. Se você precisar de um rótulo que literalmente comece com [, escreva \[ — a barra invertida escapa o colchete.


9. Erros comuns

O que você escreveuO parser dizCorreção
Dois cabeçalhos #Error: multiple # center nodes not allowedUse exatamente um cabeçalho # como raiz
##Branch (sem espaço após ##)A linha não é reconhecida como cabeçalho; silenciosamente ignoradaSempre coloque um espaço: ## Branch
Marcador indentado 3 espaçosProfundidade = lastHeadingDepth + 1 + floor(3/2) = lastHeadingDepth + 2 — pode criar um nível inesperadoUse múltiplos de 2 espaços: 0, 2, 4, 6…
%% style: radialValor desconhecido silenciosamente ignorado; layout permanece mapUse map, logic-right, futureswheel ou driver
Palavra-chave mindmap no meio do documentoTratada como linha de texto simples (a palavra-chave só é reconhecida na primeira linha)Coloque mindmap na linha 1, antes de qualquer conteúdo
[ ]texto (sem espaço após o colchete)Caixa de seleção não reconhecida; renderizada como literal [ ]texto[ ] texto — espaço obrigatório após o colchete de fechamento

10. Gramática (EBNF)

document       = ("mindmap" NEWLINE)? (blank | directive)* node*

directive      = "%%" WS key ":" WS value NEWLINE
key            = "style" | "theme" | "maxlabelwidth"

node           = heading | bullet
heading        = INDENT? "#"+ SPACE label NEWLINE
bullet         = SPACE* bullet-marker SPACE label NEWLINE
bullet-marker  = "-" | "*" | "+"

label          = inline-token*
inline-token   = checkbox
               | "**" inline-token* "**"
               | "*" inline-token* "*"
               | "`" code-text "`"
               | "[" inline-token* "]" "(" url ")"
               | plain-text

checkbox       = "[ ]" SPACE | "[x]" SPACE | "[X]" SPACE

INDENT         = WS*    %% headings may have leading whitespace (ignored)
SPACE          = " " | "\t"

Regras de profundidade:

  • Cabeçalho # → profundidade 0 (raiz)
  • Cabeçalho ## → profundidade 1, ### → profundidade 2, etc.
  • Marcador com n espaços iniciais → profundidade = lastHeadingDepth + 1 + floor(n / 2)

Fonte autoritativa: src/diagrams/mindmap/parser.ts. Se houver divergência com o parser, o parser prevalece — por favor, abra uma issue.


11. Roadmap

Planejado — ainda não analisável pelo parser. Não use estes itens em DSL gerada hoje; o parser irá rejeitá-los ou ignorá-los.

  • Bloco %%{init: {…}}%% — bloco init no estilo Mermaid para tema/configuração; atualmente apenas diretivas de linha %% são suportadas.
  • Ramos com numeração automática%% numbering: true para prefixar cada ramo com 1., 1.1., etc.
  • Nós de anotação / nota — um marcador especial para anexar uma caixa de anotação flutuante a qualquer nó.
  • Nós de imagem![alt](url) como rótulo de nó completo renderizado como imagem inline.
  • Ramos recolhidos%% collapsed: branchId para renderizar uma subárvore como um único indicador dobrado.

Acompanhe nas issues do GitHub se você precisar de algum desses recursos mais cedo.


Exemplos relacionados

Cenários prontos para uso da galeria de exemplos:

Found this useful?

Schematex is free, fully open source, and zero-dependency. A star helps other developers discover it.