TimelineJS es una herramienta que permite crear líneas del tiempo combinando textos con una amplia variedad de recursos multimedia, lo que la convierte en un desarrollo digital muy potente y versátil para exponer una secuencia temporal.

Este proyecto surgió en el seno de Knight Lab Studio1, un espacio de origen académico que se financia de forma privada. Su sede se halla en la Northwestern University2, en Evanston, Illinois. TimelineJS3 se ofrece junto con otros proyectos hermanos surgidos en este mismo entorno, que tienen similitudes en el formato y diseño pero con rasgos distintivos. Según señala su página web, TimelineJS, StorylineJS4 y StorymapJS5 son herramientas que ofrece Knight Lab Studio para contar historias de manera alternativa y que forman parte de un conjunto aún mayor de iniciativas centradas en la investigación, el diseño y la realidad investigada digitalmente. Se trata del recurso más popular del Knight Lab Studio hasta el momento. A la cabeza de Knight Lab Studio se encuentran Jeremy Gilbert, profesor de estrategia de medios digitales en Northwestern, Joe Bermuska, director ejecutivo e ingeniero de software, Scott Bradley, ingeniero, y Zach Wise, profesor asociado de la Medill School of Journalism. Es una lástima que no podamos ver como se llegó a completar el proceso de creación de TimelineJS, así como sus versiones anteriores y que se nos presente, como un producto acabado.

Existen varias aplicaciones para crear líneas temporales y hojas de ruta o recorridos. Algunas de ellas permiten trabajar más allá del ámbito educativo. Entre las más conocidas, a la par que eficaces, se hallan Timetoast6, Visme7, Tiki-Toki8 o Rememble9, pero no todas tienen las mismas potencialidades, ofrecen la misma libertad en el diseño o son igual de intuitivas y fáciles de manejar.

Dentro del mundo académico y educativo, TimelineJS permite combinar imágenes y otros archivos de diversa índole con textos seleccionados cuidadosamente, cosa que brinda oportunidades tanto para la lectura cercana como para la distante. En el ámbito empresarial una buena línea temporal puede complementar e incluso sustituir una exposición profesional, con lo que se puede aplicar a la presentación de una marca o proyecto. Por su naturaleza diacrónica, la línea temporal es de gran aplicabilidad en el amplio abanico compuesto por las Humanidades Digitales. Algunas de sus características específicas permiten que TimelineJS pueda brillar en comparación con otros recursos parecidos.

TimelineJS ofrece la oportunidad de trabajar con fechas, extractos de textos, imágenes, archivos de audio y de vídeo, mapas y páginas web. En la página web que alberga la herramienta se distinguen varias secciones. En primer lugar, se ofrece un ejemplo, Women in Computing, que es una línea temporal que muestra la aportación de las mujeres al mundo de la programación. El siguiente bloque es una definición acompañada de un breve video explicativo, junto con algunas recomendaciones para elaborar tu propio proyecto. A continuación se ofrecen varios ejemplos pertenecientes a distintas temáticas, algunos de ellos, particularmente vistosos, como Mandela, a life of Purpose o North Corea’s Nuclear Ambitions. Los ejemplos hacen hincapié en los resultados y ponen énfasis en el design thinking10. Todo ello permite comprobar la calidad de los resultados y las potencialidades de la aplicación incluso antes de ponerse a trabajar en la elaboración de una línea temporal.

La siguiente sección nos invita a ponernos manos a la obra y nos indica los pasos a seguir:

Todas estas indicaciones hacen del proceso de elaboración de la línea del tiempo un proceso muy guiado, pero la parte más laboriosa se realiza en un documento a parte.

La siguiente sección del sitio es un conjunto de recursos de apoyo al usuario que aparecen enlazados: Ayuda, documentación técnica y preguntas frecuentes. El pie del sitio web se destina a promocionar otros proyectos de Knight Lab Studio, como StorymapJS, JuxtaposeJS11 y Soundcite12, a lo que siguen los créditos de la página.

Como se ha dicho, el espacio de trabajo es una hoja de cálculo de Google que se descarga desde un enlace en la página. Para poder completarla, es necesario realizar las operaciones necesarias en Google Drive, por lo que se espera del usuario que utilice una cuenta de Google. Para todas aquellas personas que no se sientan a gusto con la omnipresencia del gigante californiano, esto, sin duda, supondrá un escollo. La hoja está conformada por una serie de columnas que corresponden cada una de ellas a un atributo, mientras que las líneas horizontales corresponden a diapositivas. De este modo, entre la primera columna y las ocho siguientes se puede establecer y afinar la fecha. La columna J corresponde a un título. La L es para un enlace a un recurso audiovisual, del que se deberá señalar su procedencia, para atribuir su autoría (columna M), en caso de que sea necesario. La siguiente columna servirá para subtitular el recurso. Cuenta también con columnas para introducir variables a la edición de la cronología. Algunas de dichas columnas son de compleción obligatoria, mientras que otras se pueden dejar en blanco. El proceso no es tan intuitivo como en el caso de otros recursos, como la más básica Timetoast. Después de un rato practicando, la mecánica se vuelve familiar, pese a lo laborioso de buscar algunos datos o de escribir la parte correspondiente del texto que deseemos recoger en nuestra cronología.

Una vez completada, la hoja de Google se publica en Drive para hacerla visible y se sube a TimelineJS en el paso correspondiente. Antes de publicarla a través de la aplicación se puede visualizar por si hubiera errores o por si el resultado no convence al usuario. Tras los arreglos pertinentes, si el resultado es satisfactorio, se comparte el enlace. La línea del tiempo se desplaza por las distintas diapositivas con un clic del ratón, donde se muestran los hechos clave, encabezados por la fecha correspondiente a la secuencia, un título y un breve texto acompañado por el recurso elegido, ya sea una imagen, ilustración, video o mapa con indicación del lugar al que se hace referencia. La secuencia prosigue de forma continuada hasta que el discurso se ha completado.

La gran diversidad de formatos que soporta es su mayor virtud. Por lo que se refiere al video, se admiten enlaces a Youtube, Vimeo, Dailymotion, o incluso a archivos mp4. Lo mismo sucede con los enlaces a Soundcloud o Spotify y los archivos de audio (mp3, m4a, wav). Se puede añadir una localización en Google Maps, para ilustrar la ruta de un personaje literario, una parada en el camino o el lugar de un yacimiento arqueológico, un museo o un edificio histórico. Se puede enlazar con un artículo en Wikipedia o un documento en DocumentCloud13. La propia línea del tiempo permite al usuario interactuar con redes sociales como Twitter, Instagram, Imgur, Flickr, por señalar algunos ejemplos. Aunque esta apertura a múltiples plataformas podría dar la sensación de superficialidad, todo depende de lo pertinente del recurso elegido. Además, hay una columna específica para dar reconocimiento a la plataforma de la que proviene, así como al autor del recurso utilizado. Se pueden añadir etiquetas HTML como iframe14 y blockquote15 para dar mayor accesibilidad a un recurso externo, incrustando un documento o una cita en la línea del tiempo. Aunque algunos formatos se resisten a la aplicación, como los Portable Document Format (PDF), es innegable la potencia y versatilidad de TimelineJS.


[1] Accesible desde: https://studio.knightlab.com/ .
[6] Accesible desde: https://www.timetoast.com/.
[7] Accesible desde: https://www.visme.co/.
[8] Accesible desde: https://www.tiki-toki.com/.
[9] Accesible desde: http://www.rememble.com/.
[10] Design Thinking se refiere a los procesos cognitivos, estratégicos y prácticos por medio de los cuales se desarrollan los conceptos de diseño (propuestas de productos, máquinas, comunicaciones, etcétera). La traducción más convincente del término sería: “La forma en la que piensan los diseñadores”. Una web que presenta de manera muy eficaz el Design Thinking es accesible desde: https://www.designthinking.es/inicio/ .