Universidad de Guadalajara     Sistema de Universidad Virtual

Raw Graphics, herramienta para crear visualizaciones de datos complejos

rawgraphs.io

Raw Graphs es una aplicación de código-abierto (open source) que nace como proyecto conjunto de Density Design Lab, para crear gráficos interactivos basados ​​en informaciones complejas. Se promociona como el eslabón perdido entre las hojas de cálculo y la visualización de datos.

La visualización de datos, según el académico chileno Ricardo Vega, es el proceso de transformación de datos a conocimiento, como puede observarse en el siguiente ejemplo tomado de la web:

Caras de las naciones de la Copa del Mundo El máximo goleador de una selección nacional tiene un estatus único como la cara de la nación. ESPN estudió el linaje de los máximos goleadores de las naciones icónicas en la Copa del Mundo de 2022 y creó caras compuestas para cada nación utilizando décadas de datos. RAWGraphs se ha utilizado para crear gráficos de enjambre de abejas para visualizar los goleadores por década. AUTOR: ESPN Creative Studio

La periodista argentina Sandra Crucianelli identifica a las visualizaciones como uno de los cuatro productos diferentes (generalmente complementarios entre sí), que surgen del periodismo de datos, pero señala que algunas son tan explícitas que ni siquiera requieren un artículo referencial, y que en ciertos casos basta con que cuenten con tres elementos básicos: título, subtítulo y una explicación a la audiencia sobre cómo leer los datos presentados.

José Luis Valero, de la Universidad Autónoma de Barcelona, señala tres características básicas de la presentación de datos mediante la visualización: gráfica, cercana y didáctica.

Estos elementos planteados por Valero son base importante de Raw Graphs, donde el usuario no necesita saber escribir código (vaya, ni siquiera estar familiarizado). La aplicación acepta ficheros con extensiones XLS y XLSX (Excel), y CSV (texto plano), además de otros menos conocidos por el usuario común como TSV, DSJ y JSON, que hacen innecesario el escrapeado o rascado de datos (web scraping), lo que sí se requiere para extraer datos no estructurados de archivos no  reutilizables como PDF o páginas web, para lo cual existen diversas herramientas.

La página web de Raw Graphs indica que el proceso para la visualización de datos consta de sólo cuatro pasos:

  1. Introducir los datos (input).
  2. Seleccionar un esquema (chart).
  3. Hacer las adaptaciones necesarias (customize)
  4. Exportar/descargar el gráfico (download)

 

Cómo se usa: ejemplo de un caso

La aplicación ofrece una librería o repositorio de formatos pre-elaborados (tipo plantilla), para facilitar la tarea. A continuación, un ejemplo práctico a partir del fichero con los siguientes datos abiertos: Armas registradas por Sedena.

1. Se descarga el primer archivo con extensión .xlx. Al abrirlo, así se observa:

Convertido a fichero con extensión CSV, así se observaría utilizando el Block de notas de Windows (Notepad), como datos separados con comas:

Para el presente ejercicio se utilizará el primer formato (Excel), por ser uno de uso más común en los repositorios de la web.

2. Se abre la aplicación con la siguiente URL: http://app.rawgraphs.io:

3. Se cargan los datos, para lo cual existen varias opciones.

La primera es copiar y pegar (copy & paste) los datos de la tabla del fichero desde Excel:

La segunda es subir o importar el archivo desde la PC:

La tercera opción es introducir la URL del fichero que se encuentra en un repositorio en línea (como en la plataforma para desarrolladores GitHub):

Los datos deben aparecer de la siguiente manera:

4. Escoger el modelo o plantilla (la plataforma hace una selección automática, pero se puede optar por otra):

Acciones Urgentes Visualizadas es la página de resultados de una sesión de investigación de una semana realizada en la Escuela de Verano de Métodos Digitales 2016 en Ámsterdam. A partir de la base de datos Amnesty Decoders – Urgent Actions, cada visualización interactiva ofrece una visión general de diferentes aspectos: distribución geográfica, resultados y perfiles de las víctimas. AUTOR: Mariasilvia Poltronieri, Agata Brilli, Chiara Riente.

 

5. Con la acción “arrastrar y soltar” (drag & drop), las barras en color verde pasan a los casilleros blancos. Estas barras representan las columnas de las celdas del fichero Excel (que van desde dos hasta decenas). Debe hacerse notar que el número de campos a llenar varía en función del modelo o plantilla utilizado, por lo que será ensayo y error en los primeros ejercicios:

Un asterisco verde significa que el casillero debe ser llenado obligatoriamente (no puede quedar vacío). Los campos sin asterisco pueden ser ocupados de manera opcional.

Un pequeño ícono de una etiqueta doble en la parte superior, significa que el casillero puede contener más de una barra.

Si al depositar una barra su color verde cambia a amarillo significa que no corresponde a ese campo y debe ser removida.

En este ejemplo:

6. Seguidamente, esto debe aparecer:

Se pueden hacer algunos ajustes (customizar) al gráfico modificando los valores que aparecen en la parte izquierda de la pantalla, y que se refieren a las medidas (altura y anchura) en pixeles, entre otras cuestiones técnicas.

7. Los pasos 4 al 6, con modelo o plantilla distinto:

8. Ya sólo resta exportar o descargar la visualización en alguno de los tres formatos que incluye imagen PNG y gráfico vectorial editable,  o bien copiar y pegar la línea de código para incrustar (embed) en una página web:

En el gráfico final se observa que fueron agregadas las cantidades, y que en los círculos más pequeños se traslapan los títulos, lo que dificulta la lectura (lo que debe ser corregido):

Listo.

Obviamente, cada visualización presenta múltiples variaciones en función de cuáles columnas de la tabla Excel se desee utilizar y en qué orden. Pero todo es ensayo y error, hasta dominar el uso de esta herramienta.

 

Observación final

Definitivamente, una aplicación idónea para dar los primeros pasos en el fascinante mundo de la visualización de datos.

Acerca del autor

El Centro de Formación en Periodismo Digital (CFPD) es una entidad académica del Sistema de Universidad Virtual (SUV), de la Universidad de Guadalajara (UDG), la segunda institución educativa de carácter público más importante de México.

Noticias recientes

Periodismo e Inteligencia Artificial: retos a futuro. Diseño: Fidel Romero
Periodismo e Inteligencia Artificial: retos a futuro
25 abril, 2024
Manual de Periodismo de Abajo
Periodismo desde las raíces: el enfoque del Manual de Periodismo de Abajo
25 abril, 2024
Cómo la Inteligencia Artificial está transformando la industria de las noticias. Diseño: Fidel Romero.
Cómo la Inteligencia Artificial está transformando la industria de las noticias [Informe]
25 abril, 2024
Taller de verificación contra la desinformación
Únete a la lucha contra las noticias falsas y participa en el Taller de verificación contra la desinformación
24 abril, 2024
Descubre las claves para enganchar a tu audiencia
Descubre las claves para enganchar a tu audiencia: estrategias innovadoras que marcan la diferencia
17 abril, 2024
SEO: estrategias para mejorar el posicionamiento de un portal de noticias. Foto LinkedIn Sales Solutions en Unsplash
SEO: estrategias para mejorar el posicionamiento de un portal de noticias
3 abril, 2024

Boletín de noticias

Videos recientes

Cómo monitorear la desinformación electoral desde las Redacciones
Cómo monitorear la desinformación electoral desde las Redacciones
10 abril, 2024
El trabajo de colaboración de Google News Initiative con la industria, por Juan Manuel Lucero
El trabajo de colaboración de Google News Initiative con la industria, por Juan Manuel Lucero
10 abril, 2024
Desafíos para abordar las violencias basadas en género en las salas de redacción en Colombia
Desafíos para abordar las violencias basadas en género en las salas de redacción en Colombia
10 abril, 2024