Generador de mapas conceptuales

Declarar conceptos y relaciones

Escribe una relación por línea con la forma «concepto A -> concepto B». El lado izquierdo se convierte en origen y el derecho en destino. Varias líneas pueden reutilizar un concepto para formar una red, por ejemplo «Agua -> Evaporación» y «Evaporación -> Nube».

Nodos compartidos y direcciones

Una etiqueta escrita exactamente igual representa el mismo nodo. Cambiar una tilde, mayúscula o palabra puede crear otro. La flecha conserva la dirección indicada, por lo que «Planta -> Oxígeno» expresa una relación diferente de «Oxígeno -> Planta».

Código Mermaid sin IDs problemáticos

El generador asigna identificadores internos n1, n2 y sucesivos, y deja los conceptos como etiquetas. Así, espacios y acentos no se usan como identificadores de Mermaid. El bloque comienza con flowchart LR para organizar la lectura de izquierda a derecha.

Vista visual y formatos de salida

La página representa los pares como un gráfico y permite conservarlo como SVG o PNG. También puedes copiar Mermaid para reorganizar el mapa, añadir estilos o etiquetar enlaces en una herramienta que entienda esa sintaxis. El PNG pierde la capacidad de editar nodos.

Relaciones que debes decidir

No hay análisis del tema ni sugerencias automáticas. El motor no sabe si una conexión significa causa, parte, ejemplo o consecuencia. Escribe conceptos breves y revisa que la dirección exprese lo que quieres enseñar; una flecha técnicamente válida puede ser conceptualmente falsa.

Para un mapa didáctico, conviene mantener un nivel de detalle parecido entre nodos. Mezclar «Fotosíntesis» con un párrafo completo vuelve el dibujo ancho y oculta la estructura. Divide una explicación extensa en conceptos distintos y conserva en otro documento las definiciones que no caben como etiqueta.

Detectar conceptos centrales

Antes de dibujar, busca qué etiquetas reciben o emiten varias conexiones. Esos nodos suelen actuar como ejes del mapa y merecen nombres inequívocos. Si dos ramas usan palabras distintas para el mismo concepto, unifícalas; el motor no puede saber que son sinónimos y las separará.

Fuentes y referencias

• Mermaid flowchart syntax
• Competidor observado 1
• Competidor observado 2

Continúa con estas herramientas

• Generador de gráficos desde CSV
• Generador de Tablas
• Generador de Gantt
• Generador de esquemas
• Flexbox CSS

Preguntas frecuentes

¿Cómo conecto un concepto con tres ideas?

Crea tres líneas con el mismo texto antes de la flecha y un destino diferente en cada una.

¿Puedo nombrar la relación, por ejemplo «produce»?

El formato básico no tiene etiqueta de enlace. Añádela después editando el Mermaid generado.

¿Qué diferencia hay entre LR y TD?

LR distribuye de izquierda a derecha; TD lo haría de arriba abajo. Esta herramienta genera LR.

¿Una palabra repetida crea dos cajas?

Si la etiqueta coincide exactamente, se reutiliza el nodo. Una variante ortográfica se interpreta como otro concepto.

¿El mapa comprueba si las conexiones son correctas?

No. Solo representa las relaciones escritas; la validez conceptual depende de quien prepara el contenido.

¿Qué archivo conviene para seguir editando?

Conserva el código Mermaid o el SVG. El PNG resulta práctico para insertar, pero es una imagen plana.