En esta lección aprenderemos a realizar mapas mentales de libros y documentos para facilitar el aprendizaje.
En el cole nos daban la tabarra con hacer esquemas visuales de cada tema. Era algo que no disfrutaba nada y lo cumplía por obligación. Desde que era un chavalín, el síndrome del explorador (y una letra infame) me empujaba a pasar las páginas y no dedicar más tiempo a algo que ya había leído.
Como en tantas otras cosas, estaba equivocado. La creación de esquemas y mapas mentales mejora la retención de información por la forma en la que se estructura el aprendizaje en el cerebro, creando relaciones jerárquicas y conexiones entre conceptos. Si te interesa saber más, puedes leer lo que opina ChatGPT en esta conversación.
La mejor manera de crear un mapa mental de un libro es la misma que un resumen: hacerlo tú mismo. Pero eso requiere mucho tiempo y seguro que entonces no estarías leyendo esta newsletter ;)
Para la lección de hoy necesitaremos (añadir música de Bricomanía):
Un PDF del libro o artículo del que queremos crear un mapa mental.
Un modelo de IA generativa. Puedes usar cualquiera, pero asegúrate de que tenga suficiente memoria contextual para el documento. Gemini o ChatGPT suelen funcionar bien.
Una herramienta que interprete el texto del mapa mental y lo convierta a formato gráfico. Usaremos Markmap.
Las ganas de querer leer un mapa mental.
Generando el mapa mental
Abrimos la ventana de ChatGPT y adjuntamos nuestro PDF. Para el prompt podemos utilizar el siguiente texto:
Construct a mind map to visually represent the essential ideas from this book. It should outline the core themes and concepts, breaking them down into smaller, organized subtopics. Arrange the content in a clear hierarchy, ensuring that each main theme branches into relevant subpoints logically.
Use Markmap.js code example within a code block to structure the mind map, incorporating branches for each key topic and its subdivisions. Avoid including citations. The final mind map should be intuitive and visually engaging, making it easy for the reader to see how the main ideas are interconnected.
<MarkmapExample>
---
title: markmap
markmap:
colorFreezeLevel: 2
---
## Links
- [Website](https://markmap.js.org/)
- [GitHub](https://github.com/gera2ld/markmap)
## Related Projects
- [coc-markmap](https://github.com/gera2ld/coc-markmap) for Neovim
- [markmap-vscode](https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode) for VSCode
- [eaf-markmap](https://github.com/emacs-eaf/eaf-markmap) for Emacs
## Features
Note that if blocks and lists appear at the same level, the lists will be ignored.
### Lists
- **strong** ~~del~~ *italic* ==highlight==
- `inline code`
- [x] checkbox
- Katex: $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$ <!-- markmap: fold -->
- [More Katex Examples](#?d=gist:af76a4c245b302206b16aec503dbe07b:katex.md)
- Now we can wrap very very very very long text based on `maxWidth` option
- Ordered list
1. item 1
2. item 2
### Blocks
```js
console.log('hello, JavaScript')
```
| Products | Price |
|-|-|
| Apple | 4 |
| Banana | 2 |

</MarkmapExample>
Puedes editar el prompt según tus necesidades (mantén intacto el código del ejemplo, que explica cómo queremos que se estructure el mapa). En esencia, le estamos pidiendo que extraiga las ideas principales, que las descomponga en ideas más pequeñas y que utilice el ejemplo de mapa mental de Markmap.
Advertencia: igual que ocurre con los resúmenes, la IA se puede saltar contenido relevante o alucinar y el resultado es un poco lotería. No te fíes al 100% del contenido.
GPT generará entonces el texto del mapa en el formato requerido. Ahora toca interpretarlo.
Representando el mapa mental
Para ello usaremos Markmap. Entramos en el visualizador, borramos el ejemplo del mapa de la caja de texto y pegamos el que nos ha generado ChatGPT.
Al instante nos aparecerá nuestro mapa mental perfectamente representado en la caja de la derecha. Si algo no nos convence podemos editarlo. Al fin y al cabo, es solo texto formateado en Markdown, que es la gracia de esta herramienta.
También podríamos generar varios mapas mentales con GPT, Gemini o Claude e integrarlos entre sí para que amplíen la información. Eso ya al gusto del consumidor.
Por último, el mapa completo se puede descargar como HTML interactivo para trabajar con él offline o en cualquier otro lado.
¿Para qué lo uso?
Como decíamos al principio, un esquema visual facilita bastante el aprendizaje de conceptos nuevos porque permite crear atajos mentales. Nuestra memoria se encarga de relacionar conceptos o ideas entre sí, por lo que ya le estamos dando bastante trabajo hecho.
Puedes utilizarlo después de leer un libro para afianzar lo que has aprendido, o bien al principio, para allanar el terreno. También se puede usar para echar un vistazo y ver si los temas que trata te interesan lo suficiente como para leerlo completo.
No solo se pueden realizar mapas mentales de libros, también puedes introducir documentos del trabajo, para planificar proyectos, toma de decisiones o visualizar un brainstorming. Todo es más fácil si lo vemos de forma gráfica. Y lo más importante: todo es más fácil si el resto de las personas lo ve igual que nosotros ;).
Si quieres seguir usando IA, un mapa mental es estupendo como contexto inicial para generar resúmenes o preguntas y respuestas. Recuerda que la IA siempre funciona mejor "por pasos" que con toda la información de golpe.
Si te gustado la lección, no te olvides de darle un corazón virtual y compartir la newsletter con tus amigos y enemigos (a ver si así dejan de serlo).
Que bueno. Yo hacia algo muy parecido para obtener diagramas de procesos. Funcionaba bien pero luego no podía importarlo bien en Miró y dejé de usarlo.
Para que luego vengan a decir que la IA no sirve para cualquier cosa :) (casi)
Súper útil. Lo voy a probar ya mismo. Yo era de los que hacía esquemas para todo