DATA: La oportunidad del análisis y la visualización de datos

Out of Sight, Out of Mind, pitchinteractive.com

Texto publicado en UNIR Revista el 28 de enero de 2014.

Sin duda, el tratamiento de los datos se ha convertido en una poderosa herramienta en todos los frentes del mundo de la comunicación. ¿De dónde salen todos estos datos? ¿Quién está detrás de ellos? Podemos pensar que la ciencia de los datos la desarrollan increíbles mentes pensantes de los departamentos de Ingeniería y Ciencia Computacional en las más importantes compañías de tecnología. Y por un lado es así. Los ingenieros en computación, los estadísticos y los matemáticos han encontrado un nuevo continente en el desarrollo de aplicaciones que manejan millones de datos. Es lo que se conoce como ‘Big Data’. Sus trabajos no deben quedarse en el manejo de las cifras: los números hay que convertirlos en algo que se pueda consumir.

Hablamos de la visualización de los datos a través de lenguajes de programación. El principal lenguaje de programación del lado del cliente e implementado por todos los navegadores (Chrome, Safari, Explorer…) es JavaScript. Así, el desarrollo de este lenguaje en los últimos años ha disfrutado de una evolución exponencial. Cada día nacen nuevas librerías del lenguaje para tareas de lo más diversas y especializadas.

Para la visualización de datos, la librería más dinámica y estructurada para la visualización de cantidades se llama ‘Data-Driven Documents –D3–’. Estas dos letras, D3, están de moda entre las empresas que se dedican a la presentación de datos en el navegador. Buscan ‘chicos D3’: Urgente. Obviamente, se trata de un perfil tecnológico; una persona que sepa programar, que tenga un buen conocimiento de Javascript y controle los lenguajes de la World Wide Web moderna (HTML5) y sus hojas de estilo (CSS).

Sin embargo, ser un gran programador no garantiza ser un buen contador de historias. Y aquí se abre la gran oportunidad para los periodistas en cualquiera de sus ramas. Se trata de encontrar la respuesta adecuada a cuestiones a veces muy complicadas y darles una solución sencilla.

 

Ejemplo de visualización de datos:

Out of Sight, Out of Mind Pitch Interactive, Berkely, California.
Out of Sight, Out of Mind Pitch Interactive, Berkely, California.

 

Ejemplo de estadística de investigación:

 Ejemplo de estadística de investigación In Climbing Income Ladder, Location Matters The New York Times, NY, EEUU
In Climbing Income Ladder, Location Matters The New York Times, NY, EEUU

 

Todo trabajo de investigación debe comenzar por la formulación de preguntas relevantes para luego identificar, obtener y transformar los datos en algo manejable que pueda utilizarse en infografías, gráficos, visualizaciones y textos escritos.

La cultura del ciudadano está cambiando: ahora exige que las información que se aporta esté sustentada en datos. Si no se los damos, el mismo puede consultar en la red lo que están diciendo otros, y siempre tendrá más fuerza un argumento con los pies en los datos que un comentario o opinión sin ellos. Ahora, los datos y su análisis ya no son exclusivos de las grandes compañías tecnológicas como Google, eBay o Facebook: prácticamente todo tipo de industria, grande o pequeña, necesita el análisis de datos para convencer al ciudadano y mejorar el rendimiento de sus negocios.

 

Se necesitan programadores, claro, pero también gente que sepa como hacer las preguntas adecuadas, qué datos recoger, cómo tratarlos para encontrar los datos que nos sirvan, como hacer un resumen de ellos y finalmente, qué herramientas existen para presentarlos en sociedad. A veces, tendremos que echar mano de programadores especializados en visualización; otras, bastará una infografía sencilla realizada por uno mismo en Excel o Tableu.

La comunicación es un aspecto de la nueva cultura de la red que interesa a todo tipo de industria y actividad, desde educadores y estudiantes hasta agentes de publicidad. Los personas que se dedican o quieran dedicarse a la comunicación deben conocer cómo trabajar con distintos perfiles en el desarrollo de los gráficos y el análisis de datos.

Muchas veces, las empresas echan en falta la penetración de sus informe en su propia empresa o hacia el exterior. La mayoría de las veces, la causas se encuentran en la mala presentación de los conceptos, la poca o nula información visual y la gran extensión de los textos. En una sociedad sin tiempo, es imprescindible el resumen de conceptos y ofrecer una alternativa visual. Los sectores más interesados en el análisis de los números son las empresas de análisis de los consumidores (marketing, análisis social, consultoría, gobiernos), de los resultados de las máquinas (ingeniería, medicina, topografía, finanzas), de los contenidos (medios de comunicación, educación) y de la investigación (I+D, alta tecnología). Los profesionales con más proyección en la visualización de información son periodistas, documentadores, directores de arte, diseñadores y desarrolladores de páginas web que deben presentar la información de forma coherente y digerible para el usuario final. En definitiva, personas que sepan encontrar el valor en los datos para después presentarlo de forma eficaz.

MAGS: Print Magazine, Cincinnati, OH

Print Magazine

Print is an iconic design and visual culture brand encompassing a venerated magazine, a website, premium book and e-book lines, and the Regional Design Annual, one of the most well-respected design competitions in the industry.
Founded in 1940, Print seeks to build a dialogue about design by detailing the intersections of art and culture. Rather than focusing on the how-to of design, the experts who write for Print cover the why—why the world of design looks the way it does, how it has evolved, and why the way it looks matters.
To fulfill its mission, Print focuses on a broad stroke of visual culture today, covering everything from publication design to interactive work, motion graphics, corporate branding, exhibitions, illustration and socially conscious design.
Print is sophisticated. Bold. Distinguished. Experienced. Savvy. The longest-running stateside graphic design publication, it has won five National Magazine Awards—the industry’s highest honor.
As the design world has evolved over the decades, Print has been right there with it, and will continue to evolve to bring its readers the best design writing from the most prominent authors, legends and critics in the field today. Print’s contributing editors and regular writers include such top design thinkers as Michael Dooley, Steven Heller, Claire Lui, Debbie Millman, Rick Poynor, Ellen Shapiro, Paul Shaw, Jude Stewart and Douglas Wolk.


2014 RDA: “Who the F#%K is Charlie Crist?” Miami New Times, Miami: Miche Ratto (art director/designer); Miami New Times (client)





Print magazine
10151 Carver Road, Suite # 200
Cincinnati, OH 45242
+1.513.531.2690

Data Cracks!

Recojo aquí dos de los personajes más interesantes en la escena de la interacción y los datos.
Expertos en matemáticas, combinaciones, matrices, geometría, probabilidad, análisis numéricos, lenguaje de programación e interacción humana.
Ademas son creativos; la NASA de la visualización.

Santiago Ortiz ‘MOEBIO’

Matemáticas en la Universidad de Los Andes, Colombia.
Profesor de Arte y Tecnología en la European University de Madrid.
Visualizador, inventor de algoritmos.
Proyectos web interactivos de alta innovación.
Frameworks en Javascript/HTML5.
Fundador de Bestiario.

Moebio en Twitter.
Bestiario en Twitter.

MIKE BOSTOCK

Ciencias de la Computación, Princeton University, 2000.
Profesor en Stanford University, EEUU, Ciencias Computación.
Trabaja para TNYT desde San Francisco.
Data-Driven Documents.
Creador de librería de Javascript D3 para manipular datos en el DOM.

“D3 is a small, free JavaScript library for manipulating HTML documents based on data. D3 can help you quickly visualize your data as HTML or SVG, handle interactivity, and incorporate smooth transitions and staged animations into your pages. You can use D3 as a visualization framework (like Protovis), or you can use it to build dynamic pages (like jQuery).”

mbostock en Tumblr.

Workshop, (presentación).

mbostock en Twitter.

HTML5: El futuro tiene muchos nombres

Texto publicado en VisualThinking.es.

Hace relativamente poco tiempo que las páginas en la red no tenían imágenes. El vídeo, la infografía o los gráficos interactivos eran un sueño para muchos diseñadores y editores. Las páginas eran puramente textuales y, así, las posibilidades de diagramación eran mínimas. Con la llegada de los ‘movie clips’, el PDF y el reproductor de animaciones ‘Flash’ los contenidos empezaron a moverse.
Rápidamente iban surgiendo tecnologías que se convertían en estándares para la comunidad digital. Pocos se preguntaban si aquello era realmente un modelo universal. Funcionaba después de darle muchos cabezazos al teclado del ordenador; cumplía el objetivo.

¿Funcionaba en todos los navegadores y sistemas operativos? No. Ante un problema de funcionalidad se buscaba la solución que abarcase la mayor parte del mercado. Es decir, se dejaba fuera una parte importante. Por tanto, funcionábamos sin un estándar. No existía. Lo que teníamos eran varios estándares propietarios desarrollados por las compañías de navegadores. Compartían vocabulario, pero no escritura y pronunciación.

Objetivo 2014
La llegada del lenguaje HTML5 (‘HyperText Markup Language’, en su versión número 5) es un hito histórico en el desarrollo del diseño web. Pese a que todavía está en desarrollo, la normativa final HTML5 se espera que sea aprobada en 2014, las posibilidades que ya conocemos son plenamente satisfactorias. En 2010, Steve Jobs dio las primeras pistas: ‘Los nuevos modelos creados en la era móvil, como el HTML5, ganarán el mercado’.

A partir de aquí comenzó a hablarse de un enfrentamiento entre los lenguajes Javascript (estandarizado en 1996) y ActionScript (propiedad de Adobe), HTML5 (abierto) y Flash (propiedad de Adobe) y los sistemas operativos MacOs X (Apple) y el Android (código libre basado en Linux).

En 2009, el ‘World Wide Consortium’ (W3C, la autoridad que valida el lenguaje HTML5) y el ‘Web Hypertext Application Technology Working Group’ (WHATWG, la comunidad que desarrolla el lenguaje HTML) decidieron caminar juntos para desarrollar definitivamente un estándar para la web, un lenguaje de etiquetas abierto a la participación de todo el mundo, no dependiente de compañías propietarias del desarrollo y que fuera compatible con todas las tecnologías de la web.

HTML5 no es propiedad de ninguna compañía. Las compañías deciden desarrollar con este lenguaje porque entienden que es el que mejor cumple sus expectativas de negocio. Lógico. En la era móvil y social todo el mundo quiere estar en todos los frentes. Por tanto, las batallas planteadas en los últimos años son molinos de viento que no merecen más comentario. Lo importante es que va a existir un estándar compatible con todos los navegadores y con el que ya se puede trabajar.

Sumando códigos hermanos
La combinación del lenguaje HTML5 (etiquetas básicas de la página) con las posibilidades del lenguaje en cascada CSS3 (estilo y presentación de las etiquetas) y el lenguaje de programación orientado a objetos Javascript (desarrollo de operaciones y aplicaciones) y todas sus librerías (gráficos, efectos visuales, formularios, tablas, matemáticas, criptografía o AJAX) es todo un reto para cualquier desarrollador, creativo o diseñador.

A finales de septiembre, Adobe Systems lanzó oficialmente al mercado el programa de gráficos animados Edge Animate 1.0. De momento, es gratuito y se descarga en su página web. Edge es una tecnología para crear contenido con HTML5, Javascript y la librería JQuery. Por tanto, los trabajos realizados con Edge alcanzarán todo el mercado de los móviles sin necesidad de instalar nada en ellos. El diseñador no se tendrá que preocupar de las excepciones de cada dispositivo o navegador, sencillamente porque ya no existirán. Esa es la promesa.

El problema actual es que no todo el mundo tiene instalado en su ordenador las últimas versiones de los navegadores, que son las que están preparadas para visualizar los contenidos en HTML5. A medida que las empresas pongan al día sus máquinas y los usuarios vayan descargándose las versiones más recientes de los navegadores, HTML5 empezará a crecer exponencialmente y conoceremos realmente todas sus posibilidades. Recuerdo ahora esta frase de la escritora francesa Françoise Sagan: ‘Sólo cerrando las puertas detrás de uno se abren ventanas hacia el porvenir’.

———————————-

Quick Tour VT.

———————————-

Twelve Arrows for SND-E

Twelve Arrows for SND-e

Contribución en el homenaje a los Premios Malofiej -vigésima edición- en el libro ‘Infographics. A visual definition’.

81 autores rinden homenaje con sus obras a la cita Malofiej en su vigésima edición, celebrada en Pamplona entre el 18 y el 23 de marzo de 2012.

Homenaje a la cita Malofiej
Homenaje a la cita Malofiej

Infographics. A visual definition. SNDE, Pamplona, España, 2012
Infographics. A visual definition. SNDE, Pamplona, España, 2012

“… Cuando se cumplen veinte años de los Premios Internacionales y de la Cumbre Mundial de Infografía Malofiej, que cada año organizan el Capítulo Español de la Society for News Design (SND-E) y la Facultad de Comunicación de la Universidad de Navarra (España), en medio de una fuerte recesión económica y de una más fuerte crisis de identidad que afecta especialmente a los medios de los países más avanzados, hemos creído oportuno invitar a los mejores infografistas del mundo a que definan visualmente su oficio. A que hagan una infografía de la infografía. En estas páginas encontramos el resultado. Es nuestro humilde homenaje a un género que ha sido, es y será decisivo en periodismo. Como decisivo va a seguir siendo el periodismo para entender mejor nuestras vidas”.

Javier Errea, presidente del Capítulo Español de la SND en el prólogo del libro.

Twelve Arrows for SND-e
Twelve Arrows for SND-e

GRAPHICS: One More Graphic

Gracias por visitar el sitio de Juantxo Cruz

ONE MORE GRAPHIC
Abayan Newspaper
Dubai

My comment:

That´s a fantastic work.
Visuals are really important on journalism nowdays.
Minute by minute, new readers don´t have time to read everything is comming to their email, twitter account, blog selection, traditional newspaper, Facebook page or any other source of information.

Infographics, interactive graphics, data visuals, diagrams or little charts helps a lot on that hurricane news season.
Readers love them.
Readers appreciate them.
Graphics help companies to develop a big brand.
People talk about graphics, and if they are fine, people get a good impressions on the company’s name.
Graphics attract the ads and the money.

The Abayan graphics I show here are really impressive.
That´s a real power for the Dubai new media.
Believe me, not all graphics in the world are good.
We see everyday a lot of nasty and ugly graphics.
You need the best people on your team to shock the world.
You need time and ideas to present the best graphics.
You need your editor´s support to keep calm on your department.
And you need patience to see the results.

Looking at your work, I see all these things.
Man, Abayan are shocking the world with these stunning works.
They are clear.
I see a great art direction.
They are not only infographics, they are amazing posters!
Illustrations are admirably excellents.
That´s quality.
That´s different.
That´s the Dubai´s true visual gun.

Congrats for all your team!!!!