Sesión magistral en el Máster en Periodismo Digital Multiplataforma – Universidad Loyola y CNN Academy

Máster en Periodismo Digital Multiplataforma LOYOLA - CNN Academy

Invitado por Rafa Hohr, estuve en Sevilla impartiendo un curso de cuatro horas sobre tipos de gráficos, visualización de datos e infografía para el módulo de Periodismo de Datos y Visualización.

La clase tuvo lugar el martes 18 de enero de 2022 en las aulas del Máster Loyola-CNN en Dos Hermanas (Sevilla), que dirige Francho Barón, corresponsal de la cadena de televisión en castellano.

Presentación sobre gráficos estadísticos, 2022

Los contenidos versaron sobre:

  • Visualización de datos y grafícos estadísticos.
  • Tipos de datos.
  • Tipos de gráficos.
  • Normas, consejos y ejemplos de publicaciones con gráficos estadísticos.

Romina Ishwar Mahtani Mahtani estuvo a cargo de la gestión de la visita. ¡Súper!

Abacus: infografía sobre ‘The Data Lake’

The Data Lake

Historia visual que explica las fuentes de información de la empresa, dedicada al análisis de datos de consumo, movilidad y negocio.

Un ejemplo de cómo se puede utilizar el pensamiento visual, el diseño de información y la narración de historias para ayudar a las organizaciones a explicar ideas, innovaciones, productos y procesos complejos.

Mayo de 2021

The Data Lake

Una solución de virtualización de datos empresariales que orquesta el acceso a múltiples y variadas fuentes de datos para casi cualquier solución.

Datos y audiencias

Los datos son recopilados de acuerdo con las leyes de privacidad europeas: múltiples fuentes de datos para una vista personal de 360°.

10 claves del rediseño de The Economist

Nueva mancheta, The Economist 2018

Este mes, The Economist (Reino Unido, 1843), una de las publicaciones semanales de asuntos de actualidad más reconocida del mundo, ha cambiado su aspecto en la versión impresa mirando expresamente hacia la salida digital de sus contenidos. El nuevo diseño ha sido dirigido por Stephen Petch hacia un aspecto más limpio y moderno: el último gran rediseño se realizó hace 17 de años (Erik Spiekermann y Penny Garrett, 2001).

Sección inaugural de detalles gráficos . The Economist, 20 de octubre de 2018..
Sección inaugural de detalles gráficos . The Economist, 20 de octubre de 2018..

1. Infografía y periodismo de datos
La revista presenta una nueva sección llamada «Detalles gráficos» que reemplaza la página de la sección existente de «Indicadores económicos y financieros». Detalles gráficos aporta a la edición impresa la pericia visual del equipo de periodismo de datos (The Economist Data Team).

2. Revisión de los estilos infográficos y cartográficos ​​para clarificar la información.
Phil Kenny, director de Gráficos de The Economist: «Con estos cambios de diseño y nuevas incorporaciones, nuestra edición impresa ahora coincide con la amplia gama de productos de The Economist: un diseño uniforme, limpio y moderno, que configura The Economist para los años 2020 y más allá».

3. Branding, somos branding.
Mejora de la consistencia de la marca en todos los productos: Cabecera de portada más grande, páginas más limpias e imágenes más atrevidas, adecuadas tanto para el quiosco de periódicos como para la pantalla móvil.

Tipografía Econ Sans.
Tipografía Econ Sans.

Tipografía Milo Serif
Tipografía Milo Serif

4. Tipografías optimizadas para web e impreso.
Nuevos tipos de letra optimizados para plataformas impresas y digitales, que ofrecen una mejor experiencia de lectur: Econ Sans (Dieter Hofrichter) y Milo serif (Mike Abbink).

Nuevo índice de contenidos, The Economist, 2018
Nuevo índice de contenidos, The Economist, 2018

5. Revisión de todas las secciones
Páginas de contenido completamente revisadas, diseñadas para que sean más claras y fáciles de navegar, incluido un panel expandido «En la portada» para señalar todas las portadas destacadas.

Ilustraciones sencillas e icónicas como punto de entrada en los contenidos.
Ilustraciones sencillas e icónicas como punto de entrada en los contenidos.

6. Renovación de la ilustración, marca de la casa.
Estilos de ilustración impactantes y audaces, aptos para la página impresa y la pantalla digital por igual.

Analistas, expertos, columnistas y editores, The Economist 2018
Analistas, expertos, columnistas y editores, The Economist 2018

7. Firmas y edición.
Periodistas en las principales ciudades de los cinco continentes (Washington DC, Tokio, Londres, Hong Kong, México City, Nueva York, Singapur, Nairobi, Amsterdam, Bruselas, París, Nueva Delhi, Seúl, Chicago…), corresponsales de ciencia, educación, negocios, finanzas, economía, política social, medio ambiente, cuerpo diplomático, exteriores, medios, banca, salud, innovación, productos digitales, tecnología, lengua, religión, mercados emergentes, periodistas de datos, analistas de datos, editores de datos, analistas políticos, expertos en consumo y puntos de venta, periodismo de guerra y de defensa, de cultura, de libros, de arte, expertos en China, en Oriente Medio, en Rusia, en el Brexit, en Trump.

Elementos de la noticia fácilmente adaptables en la web.
Elementos de la noticia fácilmente adaptables en la web.

8. Diseño digital y colaborativo
La web como canal de venta y suscripción. Los elementos del diseño son bloques de construcción listos para usar, creando un kit de herramientas que permite a los departamentos aplicar el diseño en todo los proyectos y continuar trabajando de forma independiente para dar vida al producto.

Rediseño de Economist.com, Stephen Petch , diseño y dirección de arte.
Rediseño de Economist.com, Stephen Petch, diseño y dirección de arte.


9. Fuerza en redes sociales

The Economist mantiene comunidades sociales sólidas en Facebook, Twitter, LinkedIn, Snapchat, LINE, Medium y otras redes sociales.

Nueva portada, The Economist 2018
Nueva portada, The Economist 2018

10. Marca y periodismo
En definitiva, el nuevo lenguaje del diseño de The Economist quiere reflejar la fuerza de la marca y el periodismo; una expresión visual reconocible al instante.

Herramientas para la visualización de la información sobre mapas

Herramientas de geoposicionamiento de información

Algunas referencias sobre programas y recursos para trasladar una base de datos o un fichero a un entorno espacial, generalmente mapas digitalizados.
(en construcción)

Kepler, análisis geoespacial.
Kepler, análisis geoespacial.

KEPLER
Kepler.gl es una poderosa herramienta de análisis geoespacial de código abierto para conjuntos de datos a gran escala.

Es una aplicación basada en web de alto rendimiento y agnóstica de datos para la exploración visual de conjuntos de datos de geolocalización a gran escala. Construido en la parte superior de deck.gl, kepler.gl puede representar millones de puntos que representan miles de viajes y realizar agregaciones espaciales sobre la marcha.

Kepler.gl usa el reductor ‘redux’ para almacenar y administrar las transiciones de estado. Este paquete consta de un reductor y los componentes de la interfaz de usuario para ‘renderizar’ y personalizar el mapa.

Ir a la introducción en github.

CartoDB, geolocalización de datos.
CartoDB, geolocalización de datos.

CARTODB
Geolocalización de grandes volúmenes de datos y combinación con visualizaciones. Integración con lenguajes de programación en D3js. Es una plataforma en plena expansión sobre google maps y está siendo incorporado por múltiples empresas para tomas de decisiones:
Quién lo utiliza: BBVA, Wall Street Journal, United Nations, Twitter, Mashable

MapBox, búsqueda de mapas, navegación y localización.
MapBox, búsqueda de mapas, navegación y localización.

MAPBOX
Proveedor de mapas online.
Mapbox es el creador, o un colaborador significativo, de algunas bibliotecas de mapeo de código abierto y aplicaciones, entre ellas la especificación MBTiles, la cartografía TileMill IDE, la biblioteca de Javascript de Leftlet, y el estilo de mapas y analizador sintáctico (parser) CartoCSS.

Quién lo utiliza: New York Times, NPR, ProPublica o el Washington Post, Foursquare, Evernote, Financial Times, The Weather Channel, Uber Tecnologies.

OpenStreetMap, mapas de código abierto.
OpenStreetMap, mapas de código abierto.

OPEN STREET MAP
OpenStreetMap (también conocido como OSM) es un proyecto colaborativo para crear mapas libres y editables. OpenStreetMap está creado por una gran comunidad de colaboradores que con sus contribuciones al mapa añaden y mantienen datos sobre caminos, senderos, cafeterías, estaciones de ferrocarril y muchas cosas más a lo largo de todo el mundo.

OpenStreetMap impulsa mediante geodatos a miles de sitios web, aplicaciones móviles y dispositivos de hardware.

Google Maps y su API de Javascript.
Google Maps y su API de Javascript.

GOOGLE MAPS
Herramienta para posicionar información, en formato GeoJSON O JSON, sobre capas en un mapa.
Usando la API de Javascript de Google Maps, se pueden insertar en un mapa marcadores, polilíneas, polígonos, etc.

Nuevos mercados: Gestión unificada y cognitiva de puntos finales

Una gestión unificada de puntos finales (UEM -Unified Endpoint Management-) permite a la TI gestionar todos los PCs, portátiles, sistemas de escritorio, móviles, “tablets”, “scanners”, impresoras y todo lo relativo al internet de la cosas de la empresa desde una única consola de gestión.

Esta gestión de la seguridad móvil puede mejorar el control de todos los dispositivos frente a ataques exteriores, unificar la política de privacidad, optimizar el rendimiento de todas las aplicaciones compartidas o establecer informes en tiempo real.

El gestor unificado se aplica a:
– Centros de datos
– Dispositivos móviles
– Gestión energética
– Automatización de servidores

El futuro de la seguridad y la gestión móvil: Gestión unificada y cognitiva de puntos finales
El futuro de la seguridad y la gestión móvil: Gestión unificada y cognitiva de puntos finales

Principales empresas:

VMware (US)
Microsoft (US)
IBM (US)
MobileIron (US)
BlackBerry (Canada)
Citrix Systems (US)
Ivanti (US)
Sophos (UK)
SOTI (Canada)
Jamf (US)
Symantec (US)
CA Technologies (US)

Diseño de dashboards y cuadros de mandos

Diseño de visualización.

Diseño de dashboards estratégicos y tácticos para visualizar datos en tiempo real o desde una base de datos histórica.

¿Qué es un dashboard?
Un dashboard es una representación gráfica personalizada e interactiva de los indicadores que intervienen en la consecución de los objetivos de una empresa, y que está orientada a la toma de decisiones para optimizar la estrategia de la empresa.

Fases de la construcción:
– Análisis de indicadores necesarios y correctos para hacer un seguimiento correcto.
– Wireframe del cuadro de mandos.
– Diseño final del cuadro de mandos con los principales indicadores o KPIs.
– Desarrollo
– Visualización de los indicadores que permiten hacer el seguimiento de los objetivos.

Realización de dashboards para Havas Media Group (2016-2018):
Meaningful Brands es un estudio interactivo de Havas Group, de periodicidad bienal, que estudia la calidad de las relaciónes entre consumidores y marcas.

Buscador de datos por países. Havas Media Group.
Buscador de datos por países. Havas Media Group.

Diseño de visualización interactiva. Havas Media Group.
Diseño de visualización interactiva. Havas Media Group.

Diferentes vistas de visualizaciones. Havas Media Group, 2018
Diferentes vistas de visualizaciones. Havas Media Group, 2018

Matriz de indicadores, Havas Media Group, 2018
Matriz de indicadores, Havas Media Group, 2018

Realización de dashboards para Airef (2016-2017):
Una plataforma interactiva de difusión de datos para la contribución a la estabilidad presupuestaria y para promover la sostenibilidad de las AAPP.
Autoridad Independiente de Responsabilidad Fiscal.

Entrada a DataLab de Airef.
Entrada a DataLab de Airef.

Observatorio de la deuda de Airef.
Observatorio de la deuda de Airef.

Diseño de simuladores de hipotecas o reservas (2016-2017)
Un simulador de hipoteca es una herramienta de cálculo que permite conocer las cifras de las cuotas de préstamo, simulación de la amortización, interés y capital de un préstamo hipotecario solicitado para la compra de vivienda.

Diseño portada para la entrada a un simulador de deuda, 2018
Diseño portada para la entrada a un simulador de deuda, 2018

Diseño de campos de entrada a simulador de deuda.
Diseño de campos de entrada a simulador de deuda.

Cuadro de mandos de un simulador de reservas.
Cuadro de mandos de un simulador de reservas.

Visualización: Curso de formación en Castilla-La Mancha Media

Una interesante muestra de gráficos estadísticos que combinan todo el abanico de tipologías de gráficas maquetadas en piezas de contenido.

Instructor de visualización de datos en el curso de formación en Castilla-La Mancha Media.
Redacción web.
Febrero de 2018
Castilla-La Mancha Media
Isaías Blázquez, director de Informativos de la Televisión de Castilla-La Mancha.
Mario Saavedra, Jefe de Economía y subdirector en Teinteresa.es
Calle Río Guadalmena, 45007 Toledo

Curso de Formación sobre Visualización de datos en Toledo, febrero 2018.
Curso de Formación sobre Visualización de datos en Toledo, febrero 2018.

Programas que se vieron:
Atlas Quartz
Datawrapper
Fusion Tables
Tabula
Microsoft Excel
Open Refine
Tableau Public
oNodo
Timeline
StoryMap
Juxtapose
MapBox
CartoDB
Flourish Studio
Data Illustrator

Curso en Castilla-La Mancha Media.
Curso en Castilla-La Mancha Media.

Desde el 9 de febrero de 2018 y hasta el día 23 del mismo mes, varios miembros del equipo de Prodigioso Volcán impartieron cursos de formación en Toledo relacionados con la redacción digital en para Castilla-La Mancha Media, el medio de información público de esta comunidad autónoma. Además, al final de cada sesión también se entregó a los asistentes un manual con las dudas más frecuentes en cada materia.

Datawrapper River: Una nube para guardar datos, gráficos y mapas

Datawrapper River, un sitio para guardar datos, gráficos y mapas.

Datawrapper River es una biblioteca experimental de gráficos y mapas adaptables e interactivos que pueden ser utilizados por cualquier usuario registrado (si el usuario creador dejó los derechos abiertos para su gráfico) de forma totalmente gratis.

El objetivo es poner en contacto de una forma más directa y rápida a las fuentes de información con los periodistas. Por ejemplo, una fuente de información (Eurostat, Destatis, World Bank, OSZE, WHO, IMF) puede registrarse y crear gráficos y sets de datos (Excel, Google Sheets, R)  con su información. Un periodista en cualquier parte del mundo podría incrustar esos gráficos en sus noticias o descargar los datos.

 

 

Biblioteca de gráficos y mapas de Datawrapper.
Biblioteca de gráficos y mapas de Datawrapper.

 

 
Ejemplo de gráfico incrustado desde Datawrapper River:

Datawrapper blog.

Datawrapper River

JasperReports: Documentos y visualizaciones flexibles

Río Arga, Pamplona.

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 Jaspereports 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