Jugar con los gráficos online

Un comentario en una entrada anterior de este blog generó una gran polémica. Se criticaba una serie gráficos de ELPAIS.com en el que se explicaban los goles con chapitas.



Muchos fueron los que opinaron en contra del gráfico. Algunas de ellas eran muy comprensibles, como el hecho de que para explicar el gol en internet lo mejor era poner un vídeo, aunque aquí entran los problemas de derechos. Yo mismo dije que, personalmente, no me gustan (algo muy distinto a que me parecieran malos).

Sin embargo, hoy rompo una lanza a favor de este tipo de gráficos. Dejo fuera el tema de si son información o no. Creo que se encuentran en ese campo de los géneros híbridos que defiende Javier Errea. O con los gráficos para Bart y Lisa de los que habla Matt Ericsson.
El público del diario online es más variado y heterogéneo que el de un medio en papel. Por lo tanto, nuestro objetivo es distinto. En los periódicos de papel nos encontramos normalmente con un lector más proclive a la reflexión y la lectura pausada que aquel que se encuentra frente a un ordenador, en muchos casos mirando fugazmente la prensa mientras no mira el jefe. Pero este público también demanda explicaciones. Quiere entender temas complejos, como los entresijos del Congreso del PP que comienza hoy. Tanto ELPAIS.com como elmundo.es llevan hoy en sus webs sendos gráficos que abordan el tema (pinchar sobre las imágenes para acceder a ellos)



Este primer ejemplo es el gráfico de ELPAIS.com. Las cabezas visibles del PP se muestras como Miis (avatares de la consola Wii) que se dividen en dos bandos y sobre los que se puede pinchar para conocer la información.



En este otro, de elmundo.es, se realiza una 'votación popular' a través de internet que acaba eligiendo al sucesor de Rajoy.

El tema del Congreso del PP es arduo y político. Esta es una forma de 'bajar el tema' al lector, que pueda pasar un rato entretenido y salir informado (sin perder una gota de rigor, hacer cosas entretenidas no está reñido con ello). Ese es su fin. Y lo cumple. Otro tema es si esto es infografía. Como ya dije antes, yo creo que es un híbrido de infografía, ilustración, participación ciudadana... No es fácil de definir. Pero si conseguimos atraer al lector, que se lea el gráfico (o lo que sea) y salga más informado de lo que ha entrado, el trabajo es positivo. Seguramente no será lo mejor que pueda hacerse (en mi opinión) pero es algo que viene a sumar. Es otro género.

El gráficos sobre los problemas de espionaje de McLaren, uns criticadísimo gráficos-comic online, pero con gran éxito de audiencia

Y esto, ¿es un gráfico?

Una foto puede ser un gráfico: aporta información, da datos, compara... Periodismo visual del bueno

Visto en Innovations in Newspapers

¿Quiere publicitar su web? Contrate un infografista

Una de las cosas que más me llamó la atención del último Malofiej, fue la inicitiva de Soitu que comentó Alberto Cairo. Soitu es nuev medio español, únicamente online y en el que la presencia infográfica incluye artículos de Gabi Campanario (infografista e ilustrador de The Seattle Times) sobre la vida urbana en Seattle. Este medio, al ser nuevo y no contar con un soporte papel que le ayude a la promoción, ha tenido que recurrir a técnicas imaginativas que le permitan darse a conocer sin que el presupuesto se vaya a las nubes. En esta estrategia, además de apostar por una presencia masiva en redes sociales como Menéame, (el Digg español), han apostado por los gráficos. ¿Y cómo casa eso? A través del mundo widget.

La iniciativa consistió en que, en tiempo de elecciones españolas, ofreció a los bloggers un pequeño widget en el que aparecía una tarta o unas barras con los resultados electorales. En vista del éxito, ofrecieron archivos XML abiertos para que cada uno pudiera colocarse gráficos en su blog totalmente personalizables. Podéis echar un vistazo a la página en la que explican el funcionamiento, con el sugerente título de Gráficas Flash para todos. He aquí un ejemplo del widget:



Todo esto incluye su peqeuño logo de soitu abajo, que es lo que hace que todo esto tenga un sentido más allá de lo puramente filántropo.

Pues bien. Ahora llega la Eurocopa. Segundo gran evento de este año. Otro medio digital español recién nacido, SportYou, se ha lanzado a la arena de los widgets. Detrás de ello está Manolo Romero, ex jefe de servidor y que ahora se ha lanzado a la vida freelance. El ingenio consiste en un pequeño cuadro que incluye todo lo básico para tener en una ventanita de tu blog los gráficos más habituales sobre la Eurcopa que aprecen en los medios: sedes, cuadro de enfrentamientos, calendario...



Con su correspondiente loguito de Sportyou que incluye enlace para hacer campaña.
Y Soitu tampoco se ha olvidado de esto, aunque en estos casos hablamos algo más de diseño que de infografía:



En resumen. Que no contratar infografistas porque tenemos un medio pequeño y de bajo presupuesto se ha quedado con una excusa menos.

Barras y círculos

Alberto Cairo habla en su blog del uso indiscriminado de gráficas con círculos que inundan la prensa española.



Usa la imagen de arriba para argumentar que la gente percibe mejor cuando varía una sólo dimensión (altura o anchura) que dos. Y tiene razón. Y desde Público tenemos que entonar un poco el mea culpa. No carga contra las gráficas con círculos, puesto que defiende que son útilescuandono es necesario percibir el tamaño de todos los circulos de forma precisa, si no obtener un a visión global.

Estoy totalmente de acuerdo, si bien creo que hay una razón más para las gráficas de círculos (o bolitas). Hay ocasiones en que las diferencias entre barras son tan grandes que no permiten una maquetación adecuada. En ese caso, los gráficos de bola permiten una disposición más fácil de colocar, sin necesidad de truncar la escala. Es cierto que, como dice Alberto, no se percibe igual la diferencia, pero también debo decir que prefiero eso a tener que falsear la escala o cortar la barra, porque entonces si que no se percibe la diferencia real. De todos modos, es un toque de atención más que válido.

Otra razón para usar los gráficos de círculos es que suelen encantarles a editores o redactores: la gente se siente más atraída por formas circulares de colores que por barras en tonos neutros. Es tan básico como que nos quedamos siempre mirando a las fotos de bebés y cachorritos, pero es así. Esta no es una razón de peso para hacer nuestras gráficas de circulo, pero hay que reconocer que 'ahí está'.

PD. Además de todo esto, Alberto anuncia el lanzamiento para septiembre en España de su libro Infografía 2.0. Visualización interactiva de información en prensa, que no es el libro del que habíamos hablado hace poco, Visual Journalism, pero que tiene muy buena pinta para ir abriendo boca para el macroproyecto.

Información y decoración

A través del blog de Gabriel Sama he podido conocer una serie de vídeos que tratan de explicar muchos de los fenómenos de esto que se ha venido a llamar la web 2.0. Todo hecho con recortes de papel dibujados. Y sin embargo tremendamente explicativos. Es quizá un perfecto ejemplo que ratifica la tesis que mucho infografistas tratamos de comunicar: la información no es decoración y el diseño en infografía periodística no es más que una herramienta, no un fin. La comunicación no depende de lo 'bello' de la imagen, si no de su eficacia informativa. Lo bello es una cosa distinta para cada persona. Tratemos de que la información sea unívoca, porque intentando comunicar, y no decorar, no nos vamos a equivocar en la tarea periodística.

Charles M Blow, columnista infográfico

Doble noticia de gran importancia la que me hace conocer Alberto Cairo. Por un lado, Charles M. Blow deja National Geographic y vuelve a The New York Times. Este no deja de ser otro (aunque bien importante) de los muchos movimientos que se estan produciendo en la infografía. Pero lo realmente llamativo es que vuelve como 'columnista infográfico'. He aquí su primera pieza:



The New York Times ya solía tirar de sus famosas (y algunas veces polemicas) OP-charts para enriquecer sus páginas de opinión, pero esto es un paso más allá. Se trata de un infografista como columnista, el gráfico se hace columna. Un problema. En su blog, Alberto cuelga el artículo completo tal y como salió publicado



Y coincido con él en el gran problema que supone. El texto de debajo. El gráfico debería ser más que suficiente. Ese es, quizá, el siguiente paso.

Y me gustaria destacar alguna frase del análisis de Cairo:

Después de que la comunidad infográfica haya pasado décadas lamentándose del escaso respeto que directivos y redactores tienen por la visualización de información, Blow sigue probando lo obvio: el respeto siempre comienza por uno mismo. La sección de gráficos del Times se ha ganado a pulso la presencia que ahora tiene tanto dentro como fuera de la redacción: paso a paso, historia a historia, batallando siempre por un mayor rigor, una mayor calidad, una seriedad creciente, definiendo muy bien la frontera entre arte e información visual. Hasta el punto de que a alguien se le haya ocurrido que, oh, milagro, un graphics artist pueda opinar codo con codo, en la misma página, con un Krugman, un Kristof, o un Herbert. Blow como "columnista gráfico" es, sencillamente, la culminación de un proceso abierto hace años.

Organizar la información

'A mí me encantaría esto de la infografía, pero es que no sé dibujar'
¿Cuántas veces habremos oído decir esto a compañeros de periódico? Yo muchas. Y siempre les digo lo mismo: dibujar viene bien, pero no es en absoluto necesario. Yo soy bastante normalito dibujando, pero es que tampoco me ha hecho nunca falta. A mi parecer, el aspecto más imporntante es ser capaz de organizar la información. Y hoy, echando un vistazo a la web del The New York Times he encontrado un aliado perfecto para sostener estar postura:



Es un artículo de muchísimas palabras condensado, clarificado, simplificado. Haciendo que el lector entienda la información en unos minutos y de una forma que hará que se interesen por la información muchos más de los que lo harían con un texto. Y todo co un simple diagrama

La infografía de hoy segun Michael Agar

Michael Agar, editor de infografía de The Independent on Sunday, escribió hace unos días un interesante artículo para Press Gazette sobre el papel que deben tener los gráficos en los periodicos. El artículo completo esta disponible en el enlace anterior, pero hay unas frases que me gustaría destacar (y además valen de pequeño resumen para los que no tengan ánimo de leerse el artículo en inglés):

¿Es qué los gráficos sólo pueden ser estadísticas, mapas o los típicos clichés de gráficos militares de bombardeos? Tenemos que apartarnos de las obviedades y tonterías y plantearnos en serio el contenido y la estructura de los gráficos, como si se tratara de una pieza escrita. ¿Qué pasa con el por qué?, ¿y el dónde?. ¿Y el cuánto?, ¿y el con qué podemos comparar esto?

Nuestra profesión no se ha movido en los últimos 15 años, pero nuestros lectores sí lo han hecho. Los lectores e internautas (Agar usa el término 'viewers') de hoy demandan contenido visual, interactividad y narrativa no tradicional. Pero la mayoría de ellos piden información.

Hay que entender que las infografías no son ilustraciones que simplemente apoyan el texto. También pueden mostrar y explicar mucho más al lector. Información. No decoración.

Mejorar el estándar periodístico de su departamento de gráficos es una prioridad. Para que esos cambios editoriales se lleven a cabo con éxito, su jefe de gráficos y su personal deben ser animados a pensar de forma periodística, y no artistica.

No puedo estar más de acuerdo en un altísimo porcentaje de lo dicho. Mi única diferencia es que sí creo que hemos cambiado algo en los últimos 15 años. Pero también es cierto que los lectores han cambiado más.
Dan ganas de imprimirse algunas frases en un A3 y colgarlas en la sección para que no se nos olvide que trabajamos en un periódico. Información, no decoración

Shahee Ilyas. Experimentos gráficos

Echar un ojo a los proyectos de este de este diseñador procedente de Maldivas en su web
shaheeilyas.com resulta harto interesante.
Pero quizá la zona que más me ha llamado la atención es lo que él llama 'experimentos'. Dentro de esta denominación entran algunas ideas como la web Framing Leaders



En ella se muestra a líderes del mundo en fotos enmarcadas colgadas de una pared. El tamaño del marco muestra el poder que tiene en su país cada uno de ellos. Además del tamaño, importa el color, los ornamentos, las proporciones y otros matices; todo se obtiene a traves de un logaritmo (algo que no entiendo cómo se hará porque en esto de las matemáticas ando bastante pegado). Los datos provienen de Press Freedom Index (RSF) y Corruption Perceptions Index (TI).

Otro de sus 'experimentos'es simplemente un tema de diseño gráfico, pero que resulta curioso. Consiste en mostrar banderas de diferentes paises como tartas, según la extensión que ocupan los colores en ella.



Una especie de 'deconstrucción' (palabreja de moda, que diría Mauro Entrialgo) de aquellas banderas de Grande Reportagem. La mayoría siguen siendo muy rconocibles.

Y, para acabar, un tercer detalle de su web, aunque menos original, no deja de ser curioso. Es mvblogosphere, elaborado con otros compañeros. Dentro de esta selección puede accederse a las distintas visualizaciones que ofrece. Aquí, por ejemplo, muestra todos las releaciones entre bloggers de las Maldivas (pinchar para ampliar)



Gracias a Álvaro Valiño por el descubrimiento.

El Debate

En España estamos de elecciones. Como para no notarlo si vives aquí. Incluso se va notando en mi número de posts en el blog. El último gran acontecimiento mediático ha sido el debate entre los dos máximos candidatos. Todos o casi todos han hecho previa de ello. En Público nuestra apuesta ha sido esta:


Como decía, no hemos sido para nada los únicos, aquí os dejo unos ejemplos de como cada uno ha tratado el tema.
De momento, mucha cantidad y justitos de calidad.

Aquí podéis ver el de ELPAIS.com, o el de elmundo.es.
He podido ver alguno más en prensa, aunque no he podido subirlo por falta de acceso a cámara digital o a escáner... Así estamos.

El problema es la falta de originilidad, en la que me incluyo. Todos hemos tirado por lo evidente de una forma evidente. Por eso nadie ha ganado este "debate infográfico". Hacen falta nuevas ideas. No hay más que ver la web del de New York Times para ver que abordar las elecciones de uan forma completa, diferete, pero sin olvidar los datos que todos quiern ver es posible. habrá que ver si conseguimos acabar la campaña mejor de lo que la hemos empezado y la llevamos.

Por qué la infografía salvará el periodismo

El blog Visualmente publicó ayer un artículo de Javier Errea titulado Por qué la infografía salvará el periodismo. Merece la pena leerlo. Para abrir boca, os dejo algunas frases:

Sólo una respuesta desde abajo, una respuesta periodística, llena de coraje, puede salvar hoy los diarios impresos y hacerlos valiosos, necesarios, ¿por qué no?, divertidos. Y esa respuesta, en mi opinión, la está ofreciendo desde hace años la infografía.

Para que la infografía pueda contaminar la narrativa periodística y ampliar sus horizontes casi ilimitadamente hay que aceptar que la ortodoxia no existe

Estudios científicos (...) demuestran que la infografía es el género que por más tiempo atrapa a un lector en la página. Por su naturaleza y por sus características, los gráficos atraen la curiosidad de los lectores, que entienden bien ese lenguaje fragmentado y tremendamente visual. ¿Por qué no aplicar entonces el mestizaje de esta nueva era de la infografía a la forma de contar las noticias?

La infografía moderna

Hace unos días, The Independent on Sunday publicaba este gráfico sobre las elecciones americanas. Trataba de explicar los resultados de una encuesta en la que se preguntaba quién cree que ganaría en un cara a cara entre los distintos candidatos. Se trataba de explicar que democrata ganaría a qué republicano (y viceversa) y por cuanto.



A primera vista vi un poco complicada la clave para entender el gráfico, aunque le hecho mucha culpa al inglés en este caso. Pero finalmente, coincido con Michal Agar, jefe de gráficos del IoS, que lo califcaba como "un buen ejemplo de infografíco moderna". Quizá (bueno, seguro) no elegiría la palabra moderna. Pero si actual y futura. Es una infografía que de un modo visual consigue explicar muchos datos y de una forma ordenada. Que quizá cueste entrar un poco, pero los lectores tienen cada vez una cultura visual más amplia. Por supuesto, depende de los temas. Cada tema, periódico, país... tiene su propio tipo de público. Pero hay algunas noticias, que por su complejidad requieran un sistema visual más allá de las tartas, barras y muñequitos.
NYTimes.com está marcando esa tendencia. Ya lo decía Matthew Ericsson, responsable de la edición papel, sobre los gráficos interactivos: "Hay que hacer gráficos para Bart y Lisa Simpson. Para que Lisa pueda extraer mucha información y sacar conclusiones, y Bart pueda entretenerse observando sus posibilidades y juegue con él".
Es un poco lo que ocurre con este tipo de gráficos. Los periódicos en papel tienen que ofrecer un plus que no tenga la televisión, la radio e internet. Y puede ser la reflexión. El poder pararse delante de un gráfico a leerlo a fondo. En televisión y radio las noticias duran poco tiempo. Todo es rápido. Sentarse delante del gráfico arriba reproducido y ver quién ganaría a quién y por qué distancia es algo contra lo que sólo puede competir internet.
Se acercan las elecciones (españolas y americanas). Terreno fértil para este tipo de gráficos. Explicar datos complejos de una forma visual y diferente.
Como todo, cada cual tiene su opinión.

Gracias a Michael Agar

Comparar, comparar, comparar

Explicar las dimensiones de algo es muy fácil si lo puedes comparar con algo cotidiano. Ayuda mejor a la gente a hacer se la idea que unas medidas dadas en cifras. Es sencillo y logra comunicar y hacer accesible la información. Este ejemplo pertenece a la edición de hoy de The San Jose Mercury News

Visto en Innovations in Newspapers

"La mayoría de las cosas tienen mejor pinta si las pones en un círculo"

Es una dibujo de Bansky que me parece que concuerda con una de las modas que se están imponiendo en infografía últimamente, esa de dar las estadísticas en círculos (popularizada por The New York Times, al César lo que es del César). Seguro que es Quizá sea un error caer en modas, pero me confieso culpable de ello en este caso.

El periódico de ayer

Hay un dicho que asevera que "no hay nada más antiguo que el periódico de ayer". Algo que puede ser cierto de cara al lector, pero que a diseñadores e infografistas mo siempre les parece lo mismo. En nuestra sección siempre nos gusta echar un vistazo a los periódicos extranjeros, aunque no sean del día. En otras que he estado, también era costumbre que quien iba al extranjero traía unos cuantos periódicos de allá dónde hubiese estado para echar un ojo al diseño y los gráficos.
Ese dicho sobre la inutilidad de un periódico antiguo nos ha beneficiado en internet. A sabiendas de que muy pocos van a pagar por ver periódicos atrasados, cada vez más webs de medios de comunicación ofrecen sus número atrasados para descargar íntegros en PDF, no sólo las portadas. Y por supuesto, gratis, sin registro ni ningún proceso previo. Clic, y al escritorio. He aquí unas muestras útiles de aquellos que no piden ni un e-mail para descargar la edición empresa.. Es sólo una pequeña muestra, así que, si sabéis de alguno más, estaría genial que avisárais en comentarios para hacernos una buena lista...

Público (España)
Público Papel
No podía dejar pasar el periódico en el que trabajo. Cada día, más o menos a las 12 de la noche, se libera la edición del anterior para libre descarga en PDF, mientras se cuelga la portada y contraportada del mismo día.

Eleftheros Typos (Grecia)
Pdf Viewer
Archivo desde el día del rediseño. A partir del mediodía se libera la edición del propio día. Una oportunidad para echar un ojo a las páginas interiores del elegido como periódico nacional mejor diseñado de Europa.

Gratuitos (España)
ADN
20 minutos
Qué!
La gran mayoría permiten descargar gratis en PDF todas sus ediciones desde el mismo día en que se editan. Al fin y al cabo, si en la calle es gratis, ¿por qué no en el ordenador?

Publico (Portugal)
Ediçao impressa
El rotativo diseñado por Mark Porter permite navegar por las secciones y visuaizar los PDFs de cada página individualmente

San Francisco Examiner (EEUU)
SF Paper
Una oportunidad de echar un vistazo a un medio del otro lado del Atlántico. Sólo disponible la edición del día

El Mercurio (Chile)
El Mercurio PDF

La Tercera (Chile)
Papel Digital

ACTUALIZACIÓN
Xan Sabarís, Robinson Choquetaype (Macktub) y un simpático anónimo han dejado más periódicos en comentarios. Muchísimas gracias a todos

De Morgen (Bélgica)
Krant
Este me lo apunto como de obligada visión diaria...

El Comercio (Perú)
Edición impresa

Tabasco Hoy (México)
Edición impresa digital
Parece que sólo será gratis mientras dure la emergencia en Tabasco, pero muchas veces estas cosas acaban quedánose para siempre

Diario de Pontevedra (España)
Hemeroteca
Va con un poco de retraso, pero tampoco excesivo

Localizar por localizar

Recuerdo una discusión en la NAO sobre si los localizadores estaban obsoloetos o no. Desde luego, hay veces que vamos muy lejos en nuestro afán por localizar. Un ejemplo de algo que ocurre en todos lados no pocas veces es este localizador de ayer sobre el tiroteo de Finlandia en The Guardian. ¿Realmente nos es útil saber si el colegio está cerca de un río o de las vías del tren?

Infografia ciudadana

Ahora que tanto se habla del periodismo ciudadano, una polémica sobre el mapa del metro de Madrid demuestra que el mundo de la infografía va más allá de los profesionales, incluso en el plano ejecutor.
La polémica en cuestión discurre en torno al mapa del metro de la capital. Este primer mapa es el clásico. El que se usa desde hace años (aunque ha sufrido actualizaciones por la inclusión de nuevas estaciones).
Pulsando en los mapas os los podéis bajar e PDF



Nunca ha habido quejas acerca del funcionamiento de este mapa. Pero aún así, la Comunidad de Madrdi decidió que era hora de dar un cambio de imagen, de lo que se encargó el Estudio Raro



La principal innovación, además de la tipo, es la desaparición de las líneas a 45 grados, siendo todas rectas o en 90 grados. Las quejas se han sucedido, pocos parecen quedar contentos con el cambio, en muchos de los casos, porque no entienden la razón de cambiar algo que no lo necesita.
Pero los que más lejos han llevado todo han sido la asociación Amigos del Metro Andén 1, que, puestos a cambiar, han diseñado su propio plano, integrando además otros medios de transporte.



Un ejemplo de cómo muchas veces, la gente va por delante de los gobiernos. Incluso en los gráficos.

Modelos modernos de visualizacion de datos

Las nuevas comunidades de internet están cambiando muchos aspectos de la vida de hoy en día. Y una de esas cosas es la cultura visual del público, que se va haciendo más rica a base de "lidiar" con las nuevas formas utilizadas en estas comunidaes para mostrar unos datos cada vez más complejos. Una clasificación de estas nuevas formas (algunas no tan nuevas), puede contemplarse este este gran artículo de Smashing Magazine, titulado Data visualization: Modern approaches, de obligada visita.

Si te interesa, no dejes de visitar Information Aesthetics

Pidiendo un cafe

En Innovations in newspapers podemos ver este gráfico, sacado del blog Lokeshdhakar.
Simple, claro, informativo y con el color guiando claramente la información. No se puede pedir más.

Más maravillas

Nelson Fernández, infografista venezolano afincado en Panamá, también ha dado seguimiento infográfico a la elección de las maravillas, pero mirando al pasado y a lassiete del mundo antiguo, algo que dificulta la tarea de documentación. El estilo personal de Nélson está presente en todas ellas, creando un serie con gran unidad.