Registrati
Diagrammi di flusso
Espressione grafica
Mappe mentali
Espressione strutturata
Note
Espressione efficiente

Mappa mentaleSintassi

Mappa mentale

La mappa mentale è un tipo di diagramma usato per organizzare graficamente le informazioni e mostrare le relazioni tra le parti di un insieme. Di solito è creata attorno a un argomento, che viene disegnato al centro di una pagina bianca, e attorno ad esso vengono aggiunte le rappresentazioni delle idee correlate. Le idee principali sono collegate direttamente all'argomento, e le altre idee si diramano da queste idee principali.

Esempio di mappa mentale:
Codice
                            
Copia
Incorpora
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

Sintassi

La sintassi per creare una mappa mentale è semplice e si basa sull'indentazione per impostare i livelli nella struttura gerarchica.

Nell'esempio seguente puoi vedere 3 livelli diversi. Il primo livello inizia dal lato sinistro del testo; il secondo livello ha due righe che iniziano dalla stessa colonna e definiscono il nodo A. Il testo del terzo livello è indentato più delle righe precedenti e definisce i nodi B e C.

                            
Copia
Incorpora
mindmap Root A B C

In sintesi, questo è un semplice schema testuale, in cui il nodo radice si chiama Root e ha un nodo figlio A. A ha a sua volta due figli, B e C. Nel diagramma sottostante possiamo vedere come viene renderizzato nello stile di una mappa mentale.

Codice
                            
Copia
Incorpora
mindmap Root A B C

In questo modo possiamo usare uno schema testuale per generare una mappa mentale gerarchica.

Forme diverse

La mappa mentale di Mermaid può usare forme diverse per mostrare i nodi. Quando si specifica la forma di un nodo, la sintassi è simile a quella dei nodi del diagramma di flusso: prima un ID, poi la definizione della forma, con il testo inserito nel riquadro visualizzato della forma

La mappa mentale può mostrare le seguenti forme:

Rettangolo

Codice
                            
Copia
Incorpora
mindmap id[I am a square]

Rettangolo con angoli arrotondati

Codice
                            
Copia
Incorpora
mindmap id(I am a rounded square)

Cerchio

Codice
                            
Copia
Incorpora
mindmap id((I am a circle))

Nuvoletta esplosiva

Codice
                            
Copia
Incorpora
mindmap id))I am a bang((

Nuvola

Codice
                            
Copia
Incorpora
mindmap id)I am a cloud(

Esagono

Codice
                            
Copia
Incorpora
mindmap id{{I am a hexagon}}

Predefinito

Codice
                            
Copia
Incorpora
mindmap I am the default shape

Icone e classi

Icona

Come nei diagrammi di flusso, puoi aggiungere icone ai nodi, ma con una sintassi più recente. Gli stili delle icone basati su font vengono aggiunti durante l'integrazione, così sono disponibili nelle pagine web. Puoi aggiungerle ai nodi della mappa mentale usando la sintassi ::icon().

Codice
                            
Copia
Incorpora
mindmap Root A ::icon(fa fa-book) B(B) ::icon(mdi mdi-skull-outline)

Classe

Allo stesso modo, la sintassi per aggiungere classi è simile a quella dei diagrammi di flusso. Puoi usare tre due punti ::: per aggiungere una classe; i nomi delle classi sono separati da spazi. Nell'esempio seguente, a uno dei nodi sono associate due classi personalizzate: urgent rende lo sfondo rosso e il testo bianco; large aumenta la dimensione del carattere:

Codice
                            
Copia
Incorpora
mindmap Root A[A] :::urgent large B(B) C

Stringhe Markdown

La funzionalità delle stringhe Markdown migliora le mappe mentali offrendo un tipo di stringa più flessibile, supportando opzioni di formattazione del testo come grassetto e corsivo e la possibilità di andare a capo automaticamente all'interno delle etichette.

Codice
                            
Copia
Incorpora
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]

Formattazione:

  • Per rendere il testo in grassetto, usa due asterischi ** prima e dopo il testo.
  • Per rendere il testo in corsivo, usa un singolo asterisco * prima e dopo il testo.