Mapa mental
O mapa mental é um diagrama usado para organizar informações graficamente e mostrar as relações entre as partes de um todo. Ele geralmente é criado em torno de um tema, com o tema desenhado no centro de uma página em branco e, em seguida, as ideias relacionadas adicionadas ao redor. As ideias principais se conectam diretamente ao tema, e as outras ideias se ramificam a partir dessas ideias principais.
Exemplo de mapa mental:
Copiar
Incorporar
mindmap
root((mindmap))
Origins
Long history
Popularisation
British popular psychology author Tony Buzan
Research
On effectiveness<br/>and features
On Automatic creation
Uses
Creative techniques
Strategic planning
Argument mapping
Tools
Pen and paper
Mermaid
Sintaxe
A sintaxe para criar um mapa mental é simples e depende da indentação para definir os níveis na estrutura hierárquica.
No exemplo abaixo, você pode ver 3 níveis diferentes. O primeiro nível começa a partir da esquerda do texto; o segundo nível tem duas linhas que começam na mesma coluna, definindo o nó A. O texto do terceiro nível é mais indentado que as linhas anteriores, definindo os nós B e C.
Copiar
Incorporar
mindmap
Root
A
B
C
Em resumo, este é um esboço de texto simples, em que o nó raiz se chama Root e tem um nó filho A. A, por sua vez, tem dois filhos, B e C. No diagrama abaixo, podemos ver como ele é renderizado no estilo de mapa mental.
Copiar
Incorporar
mindmap
Root
A
B
C
Dessa forma, podemos usar um esboço de texto para gerar um mapa mental hierárquico.
Formas diferentes
O mapa mental do Mermaid pode usar formas diferentes para exibir os nós. Ao especificar a forma de um nó, a sintaxe é semelhante à dos nós de fluxograma: primeiro um ID, depois a definição da forma, com o texto colocado na caixa de exibição da forma
O mapa mental pode exibir as seguintes formas:
Retângulo
Copiar
Incorporar
mindmap
id[I am a square]
Retângulo arredondado
Copiar
Incorporar
mindmap
id(I am a rounded square)
Círculo
Copiar
Incorporar
mindmap
id((I am a circle))
Balão de explosão
Copiar
Incorporar
mindmap
id))I am a bang((
Nuvem
Copiar
Incorporar
mindmap
id)I am a cloud(
Hexágono
Copiar
Incorporar
mindmap
id{{I am a hexagon}}
Padrão
Copiar
Incorporar
mindmap
I am the default shape
Ícone e classe
Ícone
Assim como no fluxograma, você pode adicionar ícones aos nós, mas com uma sintaxe mais recente. Os estilos de ícone baseados em fonte são adicionados durante a integração, ficando disponíveis nas páginas web. Você pode adicioná-los aos nós do mapa mental usando a sintaxe ::icon().
Copiar
Incorporar
mindmap
Root
A
::icon(fa fa-book)
B(B)
::icon(mdi mdi-skull-outline)
Classe
Da mesma forma, a sintaxe para adicionar classes é semelhante à do fluxograma. Você pode adicionar classes usando três dois-pontos :::, separando os nomes das classes por espaço. No exemplo abaixo, um dos nós tem duas classes personalizadas anexadas: urgent muda o fundo para vermelho e o texto para branco; large aumenta o tamanho da fonte:
Copiar
Incorporar
mindmap
Root
A[A]
:::urgent large
B(B)
C
String Markdown
O recurso de string Markdown aprimora o mapa mental oferecendo um tipo de string mais flexível, com suporte a opções de formatação de texto como negrito e itálico, além da quebra automática de linha dentro dos rótulos.
Copiar
Incorporar
mindmap
id1["`**Root** with
a second line
Unicode works too: 🤓`"]
id2["`The dog in **the** hog... a *very long text* that wraps to a new line`"]
id3[Regular labels still works]
Formatação:
- Para colocar o texto em negrito, use asteriscos duplos ** antes e depois do texto.
- Para colocar o texto em itálico, use um asterisco simples * antes e depois do texto.
