Entradas

Capítulo 2: Reino Unido
Gráficos, Fleet Street y la carrera por la suscripción

En el siglo XX, Fleet Street y el área próximo estaban dominadas por la prensa nacional y sus rotativas. Poco queda de la mítica calle que fue hogar del The Times y The Sun. En otros tiempos el periodista buscaba la exclusiva en la calle o mediante la búsqueda de fuentes en un artículo de investigación. En el siglo XXI, las nuevas tecnologías, internet y las redes han puesto sobre la mesa un nuevo modelo de periodista que consume parte de su tiempo delante del monitor, buceando en series de datos en busca de una historia.

Las compañías generadoras de contenidos buscan el talento innovador y el espíritu creativo de sus profesionales para mantenerse en la vanguardia de la industria. Por ello, ya no sólo son necesarios los periodistas, también buscan especialistas en marketing, analistas, diseñadores, ingenieros y nuevos roles que están todavía por definir. Los estudios estadísticos y los gráficos son ahora visibles por suscripción. Se acabaron los gráficos interactivos gratuitos o compartidos en las redes sociales. Son un producto muy valorado por los lectores.

Características de los profesionales

– Alfabetización visual: Prueba clara de alfabetización visual y la capacidad de entregar datos de manera comprensible y convincente. Profundo conocimiento de la teoría detrás de la visualización de datos y el periodismo de datos.

– Capacidad de análisis: Uso de herramientas de análisis de datos, técnicas de obtención de datos y desarrollos interactivos para profundizar en los datos y contar una historia.

– Visualización de datos: Experiencia en el uso de software de visualización para crear contenidos.

– Interactividad: Conocimiento especializado de la experiencia interactiva del usuario con gráficos, cartografías, visualizaciones de datos.

– Multiplataforma: Experiencia trabajando en un entorno de noticias ocupado en múltiples plataformas.

A continuación listamos algunos medios interesantes para conocer mejor el mundo de la visualización informativa en el Reino Unido. Son marcas globales con sedes en las principales capitales mundiales.

Financial Times, profeta de la información económica.

1. Financial Times, The Financial Times Ltd
Londres, Reino Unido
Con más de 125 años como una de las organizaciones de información y noticias líderes en el mundo. Publica sus propios índices bursátiles con los valores que cotizan en Londres (FTSE, FTSE 250). El diario de las finanzas global tiene una especial sensibilidad por la periodismo de datos, la visualización y la creación de un vocabulario visual compartido con la redacción.

Acceso por subscripción digital: 39 euros al mes (345 euros/año).
Subscripción digital + print : 966 euros/año

Referencias: Alan Smith Obe, John Burn-Murdoch

Links de interés

Visual and data journalism
Data visualization

The Chart Doctor (Visual Vocabulary)
Designing with data
FT Data en Twitter

Reuters, noticias globales

2. Reuters News Graphics Service, Thomson Reuters
Londres, Reino Unido | Nueva York, EEUU
Reuters es una agencia de noticias global de información, fundada en Londres hace más de 165 años, con sedes principales en Londres, Nueva York y Singapur. El equipo de gráficos (Reuters News Graphics Service) tiene oficinas en estas sedes. Hay alrededor de 20 miembros en todo el equipo. Cada unidad tiende a centrarse principalmente en su región (dividida en AMERS, EMEA y APAC).

Referencias: Matthew Weber, Simon Scarr, Daisy Chung, Vijdan Mohammad Kawoosa

Links de interés

Ver gráficos

Sitio Web

En Twitter

3. The Economist, The Economist Group
Londres, Reino Unido
La revista semanal de relaciones internacionales, finanzas, ciencia y tecnología ha presentado gráficos y mapas en sus páginas desde hace más de 150 años. Sus gráficos se centran en la estadística política y económica, destacando por su elegancia, limpieza y buen uso del color.

Subscripción digital: 289 euros/año

Referencias: Phil Kenny, Graham Douglas,  Helen Atkinson, Adam Meara, Sarah Leo, Martín González, Alex Selby-Boothroyd

Links de interés

La sección The Graphic Detail fue creada en 2018 para potenciar el periodismo de datos.
The Economist y la visualización de datos
The Economist Data Team en Twitter

BBC News

4. The British Broadcasting Corporation (BBC)
Londres, Reino Unido
El canal de noticias público creado en 1932. Hace unos años (2014-15) producían gráficos interactivos con Adobe Flash y librerías de Javascript como D3. En la actualidad realizan piezas de información estadística con librerías de R, como ggplot2, infografías estáticas y animaciones para TV.
https://www.bbc.co.uk/news/11628973
Referencias: Chris Ashton

Links de interés

BBC News Graphics en Twitter (sin mantenimiento desde 2020)
BBC Visual and Data Journalism Cookbook
News Interactives and Graphics

The Guardian, marca global

5. The Guardian, The Guardian Media Group (Scott Trust)
Londres, Reino Unido
El diario liberal tiene una edición en el Reino Unido y dos sitios web internacionales, Guardian Australia (2013) y Guardian US (2011).The Guardian lanzó su Datablog en 2009, el sitio web de referencia de la estadística y los datos periodísticos.
Subscripción digital: 282 euros/año

Referencias: Simon Rogers, Cath Levett, Mariana Santos, Alvin Chang, Caelainn Barr, Mona Chalabi, Nick Evershed

Links de interés

The Guardian Data Visualization
The Guardian Graphics

The Guardian Data
The Guardian Visuals en Twitter

Capítulo 1: EEUU
La ruta 66 del periodismo interactivo

 

Llega septiembre y volvemos a poner el tren de Abacus Consulting a toda máquina. Ahora vamos a recoger algunos sitios digitales con buenas experiencias en gráficos de datos y narración visual. Ellos han hecho todo lo posible para ayudarnos a comprender mejor lo que sucede a nuestro alrededor con la ayuda de gráficos, mapas e infografías estáticos e interactivos.

Detrás de cada periodista existe una persona con sus propios prejuicios, que piensa y trabaja con sus propias creencias y perspectivas, y que pueden influir en su trabajo. Por tanto, los datos promueven el conocimiento público de la información, agregando certeza en algunos casos pero también incertidumbre.

Claves de su estilo:

– Observación: Historias basadas en la evidencia. Existen diferentes formas de evidencia (datos, informes, experiencia de primera mano, investigación académica, etc.). Se trata de descubrir nuevos conocimientos, responder a más preguntas y tomar mejores decisiones o entender mejor el entorno que nos rodea.

– Precisión e integridad: Intentan ser lo más precisos y rigurosos en la presentación de la información y probar sus hipótesis y suposiciones.

– Transparencia: tratan de explicar cómo llegan a sus conclusiones y, siempre que es posible, comparten los datos detrás de sus historias.

– Personalidad: Son periodistas brillantes, con un estilo único, limpio y claro. La visualización pone hechos y cifras en contexto de una manera atractiva, lo que ayuda a que más personas aprendan con los datos.

– Tecnología: apuesta definitiva por la red y las nuevas tecnologías. Estadística, matemáticas, programación, bases de datos.

– Inversión: Los equipos de datos y gráficos son grandes y multidisciplinares: diseñadores, desarrolladores, analistas de datos, cartógrafos, ilustradores, editores y contadores de historias.

El creciente uso de la visualización de datos dentro del periodismo significa que hay un cambio de la escritura como principal modo semiótico a los datos y la visualización como elementos centrales en la narración periodística.

A continuación listamos algunos medios interesantes para conocer mejor el mundo de la visualización informativa. Como dice el dicho popular, ni son todos los que están, ni están todos los que son. Adentrémonos en la madre de todas las carreteras visuales de la mano de estas diez bestias pardas.


Bloomberg

 

1. Bloomberg, Bloomberg LP
Nueva York, EEUU
Bloomberg ofrece noticias, datos, análisis y videos de negocios y mercados al mundo, con las historias de Businessweek y Bloomberg News.
Acceso por subscripción: 299 dólares anuales.
Referencias: Dave Merrill
En Twitter
Ver gráficos.

2. The Wall Street Journal, Almar Latour.

Nueva York, EEUU
El mítico diario de las finanzas de Wall Street.
Acceso por subscripción: 9.99 euros al mes.
Referencias: Stuar A. Thompson, Tonia Cowan, Randy Yelp, Stephanie Stamm, Hanna Sender, Matthew Weber
Libro: The Wall Street Journal Guide to Information Graphics.
En Twitter.
Ver gráficos.

 

3. The New York Times, AG Sulzberger

Nueva York, EEUU
El diario líder mundial en diseño, infografía e interactividad (Documentary Emmys, Malofiej Awards, Press Club Awards, World Press Photo, SND World´s Best Designed Newspapers, Internacional Reporting Polk Awards, Online Journalism Awards, Ellie Awards…). Su sala de trofeos periodísticos no tiene parangón.

El modelo a seguir por el resto de los mortales.

Referencias: Steve Duenes, Aron Pilhofer, Gabriel Dance, Matthew Ericson, Andrew DeVigal, Archie Tse, Mike Bostock, Jeremy Ashkenas, Matt Ericson
Galería de Premios
En Twitter
Ver gráficos

 

4. The Upshot, Walt Disney Co.
Nueva York, EEUU
The Upshot es una revista web publicada por The New York Times que difunde artículos que combinan la visualización de datos con el análisis periodístico de noticias.
Referencias: Steve Duenes, Amanda Cox, Nate Silver.

En Twitter.

 

 

5. FiveThirtyEight, ABC News Internet Ventures.
Nueva York, EEUU
FiveThirtyEight, a veces representado como 538, es un sitio web que se centra en el análisis de encuestas de opinión, la política, la economía y los blogs deportivos.
Referencias: Nate Silver.
En Twitter
Su misión

 


6. ProPublica, Pro Publica, Inc
Nueva York, EEUU
ProPublica es una redacción independiente sin fines de lucro que produce periodismo de investigación de interés público.
Referencias: Lisa Larson-Walker, Lena V. Groeger, Lucas Waldron, Ryann Grochowski, Mauricio Rodriguez
Ver gráficos
Periodismo visual
Data Institute
En Twitter

 

 

7. AP, Associated Press
Nueva York, EEUU
El departamento de gráficos de la agencia Associated Press.
Referencias: Justin Myers, Michelle Minkoff
Data

Ver gráficos.

 

8. The Washington Post, Nash Holdings LLC
Washington DC, EEUU
El diario lleva años invirtiendo en su equipo de datos y gráficos.
Acceso por subscripción: 50-70 euros al año.
Referencias: Chiqui Esteban, Tim Meko, Manuel Canales, Joe Fox, Monica Ulmanu, Lauren Tierney, Meghan Hoyer, Brenna Maloney
En Twitter


9. USA Today, Gannett
Washington DC, EEUU
El diario que trajo el color y la infografía a las portadas en los 90, en el podio de las tecnologías de la información.
Referencias: George Rorick, Sam Ward, Jeff Goertzen, Javier Zarracina
En Twitter
Ver gráficos.

10. Los Angeles Times, Tribune Company.
LA, EEUU
La reina visual del Oeste americano.
Acceso por subscripción: 299 dólares anuales.
Referencias: Hanna Sender
En Twitter
En GitHub

En Observable

Un ejemplo.

 

 

Anexo 1. Observable
San Francisco, EEUU
Plataforma libre donde las personas pueden trabajar juntas para explorar, analizar y comunicarse con los datos directamente en el navegador. Según su lema: ‘Construyendo el futuro del trabajo colaborativo con datos’. A venido para quedarse.

Referencias: Melody Meckfessel, Mike Bostock
En Twitter.

Ver gráficos.

 

Anexo 2. Visionary Press
San Francisco, EEUU
Editorial de libros interesantes sobre mapas y gráficos.
En Twitter

Referencias: RJ Andrews

 

Anexo 3. Otras referencias

National Geographic Magazine

The Atlantic
Newsweek
The Daily Beast
Univision
Tampa Bay Times
The Huffington Post
Scientific American
Dallas Morning News

 

ABACUS CONSULTING ha desarrollado una serie de gráficos complejos con la librería de javascript D3, gráficos vectoriales en SVG y el lenguaje de estilo CSS.

Algunos tipos de visualizaciones desarrollados por ABACUS CONSULTING.

Algunos tipos de visualizaciones desarrollados por ABACUS CONSULTING.

 

 

D3 es una excelente herramienta escrita por Mike Bostock para desplegar datos dentro de páginas web. Algunos ejemplos de gráficos realizados:

– Gráficos de línea
– Herramientas de matrices
– Gráficos de burbujas
– Histogramas
– Rankings de barras
– Mapas de posicionamiento
– Visualizaciones de araña
– Diagramas de procesos de decisión de compra
– Tablas dinámicas de datos

 

Ejemplo de una Visualización interactiva realizadas con D3

Ejemplo de una visualización realizada con D3.js

 

Algunas ventajas de la librería D3.js

Esta librería se basa en funciones predefinidas escritas en lenguaje javaScript que mejoran la selección de elementos, permiten crear y personalizar elementos SVG y añadir efectos como transiciones o tooltips. Tiene una gran capacidad para manipular grandes volúmenes de datos y vincularlos a dichos elementos para lograr crear gráficos de gran riqueza.

  • Flexibilidad: sólo la imaginación puede limitar lo que se puede hacer con la librería
  • Buena integración y facilidad de depuración
  • Librería modular
  • Manipulación del DOM dirigida por los datos
  • Permite un gran control sobre el resultado visual final
  • Crear elementos SVG (formas, líneas, axes)
  • Facilidad para crear escalas
  • Animaciones e interacciones de última generación
  • Transiciones y efectos visuales

D3.js es una herramienta ideal tanto para gráficos sencillos de barras o líneas, hasta complejos gráficos relacionales o  visualizaciones con mapas.

El proyecto de digitalización de los estudios de Havas Media Group —desde unas herramientas estáticas con visualizaciones básicas y una respuesta a la demanda muy lenta, hacia una plataforma web interactiva integrada en los servidores de la compañía— comenzó con la realización de los primeros prototipos y wireframes de las visualizaciones.

Un Wireframe es una herramienta de visualización para la presentación de propuestas de diseños de una página web. El  wireframe  debe ser capaz de explicar fácilmente cómo los usuarios interactúan con el sitio web y saber si estamos en el camino correcto.

 

Ejemplo de visualización

Ejemplo de visualización

 

Todas las visualizaciones fueron analizadas y prototipadas de forma exclusiva. Algunas tareas que destacamos de los prototipos:

 

  • Creación de un libro de estilo de visualizaciones (tipografías, colores, tipos de gráficos…).
  • Estudio y realización de los wireframes de los selectores de marcas y su repercusión en las visualizaciones.
  • Estudios de las proporciones y posiciones de los elementos gráficos que componen cada visualización o la información ofrecida por las distintas descripciones emergentes o ‘tooltips’ integradas en la aplicación.

 

 

Wireframe de los selectores de las visualizaciones.

Wireframe de los selectores de las visualizaciones.

 

Una vez que las visualizaciones han sido aprobadas en formato estático por el cliente, se realiza un nuevo wireframe con las visualizaciones integradas en la aplicación web. Todo proyecto interactivo debe estar validado en formato estático antes de comenzar su desarrollo.

 

Proporciones y colores de algunos elementos gráficos.

Proporciones y colores de algunos elementos gráficos.

JasperReports (actualmente TIBCO Jaspersoft Studio, Palo Alto, California) es una aplicación de software libre (versión Community) escrita en Java (Eclipse) para crear informes con contenido dinámico.

iReport es el front-end gráfico de código abierto para la edición de informes —una herramienta para diseñar las páginas flexibles del documento desarrollada desde 2001—. Actualmente cuenta con más de 50 tipos de gráficos distintos, tablas, imágenes y mapas.

 

Formatos de exportación de Jaspersoft Studio.

Formatos de exportación de Jaspersoft Studio.

 

 

Tipos de gráficos en JasperReports en la versión 4, 2010

Tipos de gráficos en JasperReports en la versión 4, 2010

 

 

Tipos de gráficos HTML5, versión 6, 2016

Tipos de gráficos HTML5, versión 6, 2016

 

 

Los gráficos HTML5 (en la versión profesional) se pueden personalizar utilizando  propiedades para el control del nivel de píxel sobre cada visualización.

Jaspersoft Studio utiliza el lenguaje de consulta de sus fuentes de datos, por ejemplo SQL o MongoDB, para crear el primer pase de proyección de datos. Una vez que los datos ingresan a la herramienta, se pueden transformar aún más usando variables y grupos, y cada campo puede usar lógica personalizada para crear la transformación o proyección de datos deseada.

 

Descargas: Community Edition

TIBCO Visual Analytics

Items de portfolio