Mapa mental
El mapa mental es un tipo de diagrama que sirve para organizar la información de forma gráfica y mostrar las relaciones entre las partes de un todo. Normalmente se crea en torno a un tema; el tema se dibuja en el centro de una página en blanco y luego se añaden alrededor las representaciones de las ideas relacionadas. Las ideas principales se conectan directamente al tema, y las demás ideas se ramifican a partir de esas ideas principales.
Ejemplo de mapa mental:
Copiar
Insertar
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
Sintaxis
La sintaxis para crear un mapa mental es muy sencilla y se basa en la indentación para establecer los niveles de la estructura jerárquica.
En el siguiente ejemplo puedes ver 3 niveles distintos. El primer nivel comienza a la izquierda del texto; el segundo nivel tiene dos líneas que comienzan en la misma columna y definen el nodo A. El texto del tercer nivel está más indentado que las líneas anteriores y define los nodos B y C.
Copiar
Insertar
mindmap
Root
A
B
C
En resumen, este es un esquema de texto sencillo en el que el nodo raíz se llama Root y tiene un nodo hijo A. A su vez, A tiene dos hijos, B y C. En el siguiente diagrama podemos ver cómo se renderiza con el estilo de un mapa mental.
Copiar
Insertar
mindmap
Root
A
B
C
De esta forma, podemos usar un esquema de texto para generar un mapa mental jerárquico.
Distintas formas
El mapa mental de Mermaid puede mostrar los nodos con distintas formas. Al especificar la forma de un nodo, la sintaxis es similar a la de los nodos del diagrama de flujo: primero un ID, luego la definición de la forma y el texto dentro del recuadro de visualización de la forma
El mapa mental puede mostrar las siguientes formas:
Rectángulo
Copiar
Insertar
mindmap
id[I am a square]
Rectángulo redondeado
Copiar
Insertar
mindmap
id(I am a rounded square)
Círculo
Copiar
Insertar
mindmap
id((I am a circle))
Burbuja de explosión
Copiar
Insertar
mindmap
id))I am a bang((
Nube
Copiar
Insertar
mindmap
id)I am a cloud(
Hexágono
Copiar
Insertar
mindmap
id{{I am a hexagon}}
Predeterminado
Copiar
Insertar
mindmap
I am the default shape
Iconos y clases
Iconos
Igual que en el diagrama de flujo, puedes añadir iconos a los nodos, pero con una sintaxis más nueva. Los estilos de icono basados en fuentes se añaden durante la integración, de modo que estén disponibles en las páginas web. Puedes añadirlos a los nodos del mapa mental con la sintaxis ::icon().
Copiar
Insertar
mindmap
Root
A
::icon(fa fa-book)
B(B)
::icon(mdi mdi-skull-outline)
Clase
Del mismo modo, la sintaxis para añadir clases es similar a la del diagrama de flujo. Puedes usar tres dos puntos ::: para añadir clases, separando los nombres de clase con espacios. En el siguiente ejemplo, uno de los nodos tiene dos clases personalizadas adjuntas: urgent cambia el fondo a rojo y el texto a blanco; large aumenta el tamaño de fuente:
Copiar
Insertar
mindmap
Root
A[A]
:::urgent large
B(B)
C
Cadena Markdown
La función de cadena Markdown mejora el mapa mental al ofrecer un tipo de cadena más flexible, que admite opciones de formato de texto como negrita y cursiva, y permite dividir el texto automáticamente dentro de la etiqueta.
Copiar
Insertar
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]
Formato:
- Para poner el texto en negrita, usa dos asteriscos ** antes y después del texto.
- Para poner el texto en cursiva, usa un solo asterisco * antes y después del texto.
