JuxtaposeJS: una herramienta que permite visualizar el antes y después de un hecho

por Ashley Nguyen
Oct 30, 2018 en El ABC del periodista

Los periodistas a menudo hacen referencia a cambios durante sus coberturas y reportajes, pero estos no siempre pueden ser vistos. Con JuxtaposeJS, un nuevo deslizador de imágenes creado en el Knight Lab de la Universidad Northwestern, los periodistas pueden realmente mostrar esos cambios, mediante la comparación de imágenes tomadas antes y después de que se produzcan.

JuxtaposeJS es una herramienta de comparación de imágenes fácil de utilizar y que no le exige grandes requerimientos al usuario. Solo debes elegir dos fotografías que desees comparar desde Flickr, Dropbox o Google Drive, copiar la dirección URL dentro de la herramienta y ajustar el deslizador para ver el efecto "antes y después". JuxtaposeJS crea el código de incrustación, así que todo lo que tienes que hacer es copiarlo y pegarlo en tu sitio (puedes ver este video con nuestro tutorial de uso, paso a paso).

Al estudiante de grado de segundo año Alex Duner, becario del Knight Lab, le llevó poco menos de cuatro meses desarrollar la herramienta.

“Las coberturas periodísticas implican hablar del cambio, así que ¿por qué no mostrarlo visualmente a través del tiempo?”, dijo Duner.

Durante las pruebas iniciales, Duner utilizó imágenes de la plaza de la Independencia de Ucrania -Maidan Nezalezhnosti- antes y después de las protestas. The Vox Kashmir también usó la herramienta para mostrar vistas aéreas de Cachemira antes de las inundaciones en la India y Pakistán que devastaron la región durante este año. The Vox Kashmir utilizó imágenes de la zona de agosto de 2014, antes de las inundaciones, y las comparó con fotos de las secuelas de este desastre, tomadas en septiembre de 2014 (muchas de estas imágenes muestran casas, caminos y tierras sumergidos en el barro).

Comparar fotografías del antes y después de desastres naturales o de proyectos edilicios son algunos de los usos fuertes de JuxtaposeJS, dijo Duner, quien sin embargo alienta a los periodistas a ser creativos.

“Algunos de los mejores ejemplos se han dado cuando una persona se sale de lo esperado”, dijo. “Puedes utilizar archivos GIFs –a través de las imágenes– para mostrar las visualizaciones en movimiento”.

A continuación presentamos algunos ejemplos de usos creativos de JuxtaposeJS que Duner citó en su entrevista con IJNet.

Le Temps utilizó JuxtaposeJS para mostrar la destrucción de Kobani, Siria, durante el ascenso del Estado Islámico (puedes ver la imagen en la parte superior de este artículo). Kobani es un pueblo fronterizo entre Turquía y Siria.

Sports Illustrated utilizó el slider de imágenes para comparar cómo lucían los jugadores más experimentados de la NBA en sus días de novatos y de qué forma se ven ahora. Los ejemplos incluyen fotos de los inicios de Steve Nash, Kevin Garnett y Paul Pierce.

The Boston Globe mostró cómo la moneda de medio dólar con la imagen presidente John F. Kennedy aprobada por Jackie Kennedy cambió a través de los años. La Casa de la Moneda de Estados Unidos volvió a poner recientemente en circulación la moneda original.

Aquí hay un ejemplo de utilización de JuxtaposeJS en donde comparamos el viejo sitio de IJNet (izquierda) con el nuevo sitio rediseñado (derecha). Mira el tutorial de video de IJNet para saber cómo lo hicimos.

 

Lee más acerca de cómo Alex Duner desarrolló JuxtaposeJS en el blog del Knight Lab. Duner también anima a los programadores a hacer sus aportes a este proyecto de código abierto en GitHub. Síguelo en Twitter: @asduner.

Imagen principal de la comparación realizada por Le Temps de Kobani, Siria.