En Miami hacía 25 grados. Acababamos de dejar Nueva York a -5. Los talleres se alargaban desde las 9 de la mañana a las 9 de la noche, con una sesión al mediodía, mientras engullíamos los bocatas, para no perder demasiado tiempo. Mientras, mi mujer y otros profes de las sesiones anteriores –del 3 al 6 de enero– tomaban mojitos en South Beach. Hotel con piscina en la última planta para los conferenciantes y profesores.

Hablo del Beyond Bootcamp –algo así como ‘Más allá del campo de entrenamiento’– que hace un mes organizaba Rich Beckman, ex-Universidad de Carolina del Norte (UNC), ahora Knight Chair de Periodismo Visual en la Universidad de Miami (UM). Hasta el año pasado, Rich dirigía en la UNC una serie de talleres de multimedia, infografía, videografía … que se convirtieron en cita regular para los profesionales del sector, el Multimedia Bootcamp – ‘Campo de entrenamiento multimedia’, de ahí la broma de Beyond Bootcamp, ahora que está en Miami.

Alberto Cairo y yo fuimos como instructores de infografía multimedia. El primer día y medio, Alberto habló de la historia de la infografía, esbozó algunas ideas de la psicología cognitiva aplicables a la infografía, realizaron dos ejercicios en los que plantearon dos gráficos en papel y los condujo por Flash, para que fueran capaces de hacer animaciones sencillas. Chrys Wu, bloguera que asistió al taller, tiene este post sobre la lista de libros que el profesor Cairo ☺ recomendó durante las conferencias.

Durante el resto de las jornadas, día y cuarto, yo enseñé algunas de las cosas más interesantes que se están haciendo en el departamento de gráficos del NYTimes, el proceso para realizar visualizaciones de datos interactivos, algunos secretillos detrás del gráfico interactivo de las elecciones americanas, varios conceptos básicos de Actionscript 3 y un ejercicio y medio en el que, a partir de una serie de datos, crearan su primer interactivo todo a base de programación.

Algo de teoría
En su parte teórica, Alberto prácticamente sintetizó la primera parte de su libro Infografía 2.0 – que comenté en el post anterior – en 12 horas. Quienes quieran tener una idea de por dónde fueron los tiros, lo tienen fácil entonces, sólo les hace falta comprarse el libro. La pena es que no lo tienes a él para pararlo y pedirle que te explique en detalle alguno de los conceptos.

Lo más teórico de lo que yo expliqué fue el proceso a seguir a la hora de realizar visualizaciones de datos interactivas. Tres pasos que se superponen y entrelazan, pero que merece la pena tener en cuenta por separado y considerar en orden:

Los datos. Desde el punto de vista teórico datos son los elementos más básicos de la información, como paso previo a la construcción del conocimiento. Tufte dice que si tu historia no resulta interesante es porque te has equivocado de datos, en ésta le voy a dar la razón.

Periodísticamente, los datos deben estar validados, sintetizados y contextualizados. Técnicamente, deben estar en un formato que permita su uso en el entorno en el que los vayamos a aplicar.

Un ejemplo de cómo el hecho de trabajar con detalle los datos puede resultar en gráficos interesantes está en el trabajo que hicimos Marc Bain, Katie Paul y el que escribe para Newsweek sobre los muertos de la Guerra de Irak, del que ya he hablado y que, por movimiento en los servidores de Newsweek, parece no funcionar.

La visualización. Una buena visualización hace evidentes los patrones de la serie de datos, muestra tendencias, descubre anomalías. Es una de las partes de nuestro trabajo que, particularmente, más me obsesiona: en contrar el equilibrio entre innovación y comprensión. Proponer nuevas formas de visualización interesantes evitando el riesgo de que nuestro lector pase la página porque no entiende la presentación.

En el ejemplo, uno de los bocetos para un gráfico sobre calidad de hospitales que publicamos hace unos meses. El que publicamos, al final, tiene los mapas y una versión reducida de las 51 líneas de ránking –en azul– que se ven en este. La visualización pretendía mostrar la puntación obtenida en cada uno de los 4.000 hospitales que contenía la base de datos, de modo que se pudiera observar las diferencias dentro de cada estado. Los hospitales de Maine tienen casi todos excepcional puntuación, mientras los de Kansas difieren entre ellos.

Uno de mis primeros ejercicios utilizando Processing.

La interactividad. El último paso es decidir la estructura del acceso a los datos. Cómo queremos que el usuario interactúe con los datos, queremos que pueda modificarlos y personalizarlos, queremos limitarnos a establecer una serie capas de información …

Yo siempre esbozo el interfaz de mis gráficos en Illustrator y defino de manera precisa cómo va a funcionar cada parte para facilitarme el trabajo a la hora de programar el interactivo.

En este caso, el boceto del gráfico sobre la guerra de los anuncios durante la campaña electoral americana.

Por experiencia, seguir este proceso, sobre todo cuando trabajas con series de datos de dimensiones considerables, te ayuda a compartimentalizar mejor los pasos y a considerar todas las opciones antes de pasar al paso siguiente, facilitando los cambios y los ajustes cuando te encuentres con sorpresas.

Próximamante, los ejercicios que hicimos.

• SEARCH / BY DATE
• « El catecismo de Alberto Cairo, Infografía 2.0 y 2.1
• » Un ‘Photoshop’ online

• SEARCH/ ON infografía interactividad multimedia periodismo visual
• « El catecismo de Alberto Cairo, Infografía 2.0 y 2.1
• » Un ‘Photoshop’ online