Taller Storytelling georreferenciados: Creación y visualización de historias con StoryMapJS

Romina De León

Historias visuales y Humanidades Digitales

Cuando hablamos de visualización de datos, nos referimos a la representación gráfica de la información, lo que permite interpretar y relacionar los datos de formas nuevas y significativas mediante el uso de elementos visuales como gráficos, infografías y mapas. En el contexto de las Humanidades Digitales y la Historia Digital, la visualización de datos desempeña un papel fundamental, ya que facilita a historiadores, investigadores y académicos no solo representar la información, sino también analizar fenómenos culturales, sociales y temporales de manera interactiva y accesible.

La Historia Digital, como rama de las Humanidades Digitales, se enfoca en el uso de tecnologías digitales para estudiar, analizar y representar el pasado. A través del análisis de grandes bases de datos, visualizaciones interactivas y mapas históricos dinámicos, abre nuevas formas de explorar la historia, permitiendo a los historiadores generar relatos más accesibles y dinámicos.

En este ámbito, la narrativa digital o digital storytelling, juega un rol crucial, ya que permite representar datos históricos visualmente, y también construir narrativas interactivas que conectan con el receptor de formas innovadoras, haciendo que las historias sea más comprensibles y cercanas.

Las historias visuales buscan no solo presentar datos de manera objetiva, sino también crear narrativas complejas que proporcionen un contexto profundo a la información. El storytelling, entendido como el arte de contar historias, permite estructurar la información en una narrativa con un inicio, desarrollo y conclusión. Esto facilita generar una conexión emocional del público con el contenido, haciendo que los datos cobren vida y sean más relevantes. Actualmente, esta práctica es clave en áreas como el marketing, los medios digitales, y la educación.

Obtenido desde: https://www.flickr.com/photos/cnichele65/51887423693

El Digital Storytelling complementa las historias visuales al proporcionar un marco narrativo que combina datos, visualizaciones y narrativas, transformando como se comunican y perciben los hechos, haciendo la información más memorable. En el ámbito educativo fomenta la creatividad y el pensamiento crítico, pues permite a los estudiantes expresar ideas complejas a través de narrativas digitales que integran texto, audio y elementos visuales. Esta metodología promueve el aprendizaje activo y la colaboración, mientras desarrolla habilidades tecnológicas esenciales para el mundo contemporáneo.

Storytelling en la Visualización de Datos

Las historias, ya sean visuales o digitales, se estructuran alrededor de preguntas clave como: ¿quién?, ¿qué?, ¿cuándo?, ¿dónde? y ¿por qué? Al conectar eventos, personajes y espacios, estas narrativas ayudan a comprender fenómenos complejos. Por lo que surge la necesidad de entender el contexto, destacar los elementos más centrales y visuales, eliminar lo innecesario, tener en cuenta a los destinatarios, y dar coherencia a la historia. Esto implica combinar técnicas tradicionales de narración con herramientas digitales para enriquecer el relato.

Veamos algunos ejemplos de software para la creación de historias visuales digitales. Y, dejaremos para el final la herramienta que utilizaremos en el taller. Asimismo primero quiero mostrarles el potencial de la misma con este recorrido de los Congresos de la AAHD:

Recorrido por Argentina de la AAHD


Algunas herramientas disponibles para la creación de historias visuales:


A trabajar con StoryMap JS!


¿Qué es StoryMap JS?


StoryMap es una plataforma web gratuita y abierta, desarrollada por la comunidad Knight Lab de la Universidad de Northwestern, que permite crear historias digitales interactivas con textos, imágenes, audios, vídeos, con mapas georeferenciados. Además, posee una gran cantidad de opciones para el diseño de las historias, pudiendo combinar plantillas para integrar los elementos multimedia con georreferenciación de lugares. Y todo ello sin requerir conocimientos de programación ni de diseño. Más arriba pudieron ver el potencial en el mapa creado para el recorrido de los Congresos de la AAHD.

Ahora vamos a modificar el mapa y observar los cambios en dicha historia. Para ello, ingresaré al sitio de knightlab con mi usuario, y seleccionar el mapa que quiero editar. Luego, voy a añadir una nueva diapositiva al final, y allí comenzaré a editar.


Ejercitación con StoryMap JS!


¿Cómo crear un mapa


Por ello, les traigo un ejemplo de esta metodología,



Este un proyecto en el que hemos estado trabajando este año en el HDLAB sobre un cronista alemán del siglo XVI que viajó por esta región. Desde el río de la Plata, aguas arriba por el río Paraná, hasta llegar a Asunción del Paraguay, con la expedición de Pedro de Mendoza. Aún no hemos publicado la edición digital pero aquí pueden ver un avance de un mapa que ha diseñado un colega desde la parte técnica de esta plataforma.


En resumen, StoryMapJS facilita la creación de mapas interactivos con narrativas visuales de manera estándar, además ofrece opciones para compartir y publicar fácilmente, por medio de la generación de una URL o permitiendo embeber el mapa en sitios web. Todo ello proporciona una gran flexibilidad para integrar estas visualizaciones en distintos entornos. Asimismo, con la opción de descarga del proyecto completo, nos habilita la posibilidad de personalizar y alojar nuestro proyecto en servidores locales, con un mayor control del contenido y modificación de ajustes avanzados, que se podrán adaptar a las necesidades específicas de cada proyecto. Esta combinación de accesibilidad y personalización hace de StoryMapJS una herramienta potente tanto para usuarios principiantes como avanzados en la creación de narrativas georreferenciadas.

  1. StoryMap JS tiene su propia herramienta de autoría a través de Google, es lo que utilizaremos en este tutorial. Asimismo, es posible utilizarlo sin una cuenta de Google, sin embargo la edición es un proceso diferente. Si prefieres no utilizar una cuenta de Google, Knight Lab tiene informa sobre cómo hacerlo en su página para usuarios técnicos. ↩

  2. Para otros tipos de mapas, como ser MapBox o Stadia, se requiere en ambos sitios crear una cuenta para que facilite el token. Mapbox como Stadia Maps ofrecen opciones gratuitas que permiten obtener un token y utilizar mapas básicos, aunque con algunas limitaciones. ↩

  3. Para encontrar una ubicación, si no figura en el buscador que proporciona StoryMap, se puede añadir latitud y longitud que se encuentre en otro mapa, por ejemplo en Google Maps.↩

  4. Para marcadores personalizados, puedes subir iconos en tu Mapa, pero se debe realizar individualmente para cada punto (deslizamiento) del mapa. Incluso, se puede crear un marcador distinto para uno o más puntos. Para ello, en el botón Opciones de marcadores, sube una imagen del marcador que te gustaría utilizar, debe ser con formato PNG y fondo transparente. Recomiendo tener en cuenta la licencia Creative Commons apropiada para el uso de imágenes en toda la confección de la historia. En los siguientes sitios se puede hallar imágenes de marcadores, seleccionar la opción gratuita, Flaticon, Freepik, Icons8, Openmoji, Iconduck entre otros.↩