NOTA: Este artículo se actualizó el 23/09/2016 para añadir Olympic Feathers.

Índice

El siguiente artículo es una traducción del blog data-visualization.org. Gracias a su propietario por concederme el permiso de traducción. He traducido únicamente las 14 de las 20 visualizaciones que más me han gustado.

La visualización de datos no solo tiene como propósito el análisis de dichos datos, a menudo combina elementos estéticos. A continuación se muestran 14 ejemplos de las mejores visualizaciones de datos encontrados en internet.



1. Flight Patterns (Patrones de vuelo)

  1. Los patrones de vuelo quizá no sea la primera cosa que se viene a la mente cuando se habla de ejemplos de visualización de datos “bonitos”, pero Aaron Koblin creó una red de planes de vuelo por todo Estados Unidos. Los lectores pueden ver un vídeo de los vuelos alrededor de los EEUU en un día. Cuando cae la noche, la pantalla casi se vuelve negra por completo cuando la noche cae y los vuelos disminuyen, luego la costa este vuelve a iluminarse. A medida que el país despierta los vuelos ploriferan. La visualización es interactiva, lo que permite al visitante ver el tráfico aéreo basándose en altitud, marca o modelo de los aviones. El proyecto se desarrolló como parte de “Celestial Mechanics” por Scott Hessels y Gabriel Dunne realizando un estudio de vuelos y aviones.

2. Diplomas originales

Los doctorandos trabajan muy duro para conseguir acabar sus tésis para que luego queden simplemente almacenadas y olvidadas. Sin embargo algunos deciden no seguir ese camino y hacen de su duro trabajo una obra de arte. El doctor Stephen Gaeta transformó su tésis sobre una arritmia cardiaca usando sus palabras para crear una imagen de un corazón anatómico. Street Anatomy mostró este ejemplo de visualización de datos en su web “Los diplomas son aburridos”, el corazón y la arritmia cardiaca se aparecen en rojo, azul y negro junto al texto en gris. Puedes ver más ejemplos de diplomas originales en la galería de Street Anatomy.

3. Relacionando los genes con enfermedades

Application of Circos to Genomics permite comparar genomas secuancialmente y plasmar la relación entre ellos en pares visualmente. Circos es un software para visialización de datos usando un diseño circular. Esto permite representar los 24 cromosomas (Incluidos el X, Y) y posicionarlos con genes relacionados con ciertas enfermedades colocados fuera del círculo. Los datos dentro de los anillos cromosómico tienen líneas grises que enlazan genes relacionados con enfermedadades situados en la misma ruta bioquímica, así como líneas de color que muestran paralelismo para un subconjunto del genoma. Las zonas rojas sombreadas alrededor del círculo muestran la posición de los genes asociados a enfermedades como cáncer, epilépsia, enfermedades cardiácas y neuropatías. Las naranjas, verdes y azules representan diabetes, sordera y Alzheimer, respectivamente.

4. Bubble Bandwidth

Seguro que alguna vez te has preguntado qué aplicaciones te consumen la mayor cantidad de ancho de banda. Palo Alto Networks desarrolló una visualización en forma de burbuja que representaba esto mismo. Cada burbuja representa una aplicación y el nivel de ancho de banda que consumen. Los colores azul, verde, naranja, naranja oscuro y rojo representan el nivel de riesgo que presenta cada aplicación. En principio podría pensarse que las aplicaciones que más consumen son las redes sociales, sin embargo son las aplicaciones de negocios.

5. Nike y Fathom

El siguiente ejemplo de visualización de datos surge de la asociación entre Fathom y Nike+. Fathom es una compañia de visialización de datos y Nike tiene un brazalete para deportistas que monitoriza la actividad física. Junta ambas cosas y se obtienen unas gráficas que revelan tendencias y patrones en la actividad física. Los datos personales pueden compararse con los de otros usuarios publicados en YearinNikeFuel.com. Los colores denotan intensidad, niveles de actividad y patrones de comportamiento.

6. El Clima de 2014

El usuario de Bēhance, Sonja Kuijpers, creó una ejemplo de visualización de datos del clima desde 2014 en su ciudad, Eindhoven en Netherlands. La visualización (Con forma de sol) incluye la fuerza del viento, precipitaciones, temperatura y tormentas. La temperatura está en Grados Celsius y las tormentas se representan con rayos rojos. Kuijpers usa una barra verde azulada para represtar una perceptción diaria. La fuerza del viento se representa con barras variando entre moradas moradas oscuras, moradas claras, amarillas y rojo brillante.

7. We Feel Fine

La web We Feel Fine llevó la visualizción de datos al terreno de las emociones. The sight, de Jonathan Harris y Sep Kamvar escanea blogs en busca de frases que contengan “I Fell” (Me siento) o “I am feeling” (Me siento también) y se traducen en una serie de interfaces interactivas en el gráfico. Cada partícula es un sentiemiento, de un único individuo y expresa el sentimiento mediante el color, tamaño, forma y opacidad de la partícula. Pulsando en la partícula vemos la frase completa o fotografía del sentimiento. El gráfico se puede organizar en varios ejes, recopila también la edad, género, clima del área, lugar y fecha en la que se publicó el sentimiento. A partir de estos datos, We Feel Fine creó 6 movimientos, cada uno mostrando los datos en distintas formas. Rabia, por ejemplo, muestra rectángulos coloreados (para las imágenes) o círculos (Para las frases) flotando alrededor de la pantalla a distintos ratios y velocidades. El tamaño denota la longitud de la frase y el color el sentimiento. Los montículos, por otro lado, representan los sentimientos como montículos que se agitan y se doblan.

8. Tópicos

Nota del traductor: Según he entendido, un trope es algo así como un tópico en cualquier película, serie o libro. Por ejemplo ciertas caracteristicas que son comunes a un personaje, a una historia etc. Si alguien sabe de una mejor definición, por favor que comente en está página.

Compararando tropes, podemos definir un trope como patrones en las tramas de las novelas, películas etc. Elijah Meeks se basó en estos patrones para crear el siguiente ejemplo de visualización de datos. Usando datos de TV Tropes, comparó las 50.000 entradas usando 6 temáticas para encontar similitudes entre series de televisión. Por ejemplo, Angel y Star Wars: La guerra de los clones comparten tropes. En concreto hasta 100 tropes, sin embargo, la totalidad de los tropes para Angel es del 10%, y para Star Wars el 25%. Esto se debe a que Angel tiene casi 1000 Tropes y Star Wars solo 386. Los Tropes se dividen en 6 categorías, cada una con un color asignado. Meta (amarillo), Tradicional (rojo), Id (morado), Video juegos (verde), LampShade (Verde azulado) y super natural (azul). La combinación de colores ilustra qué tropes se comparten con distintos diseá�os. Meek compara varias series de televisión en TV Tropes Pt. 3: If you like Dwarf Fortress, you’ll love Twilight: Breaking Dawn

9. El uso de las redes sociales

Mike Mason creo varios ejemplos de visualizaciones de datos y la primera es, sin duda, preciosa. Originalmente fue el desarrollador Eric Fischer quién creo un programa que mapeaba el uso de Twitter y Flickr a nivel mundial mediante geo-tagging. Los puntos rojos/naranjas son fotos subidas a Flickr. Los azules son tweets. Los blancos representan ambas cosas, un tweet y una foto subida a Flickr.

10. Las curvas del Rio Mississippi

Cambiamos ahora de tipo de visualización en los 20 de los mejores ejemplos de visualización de datos para visitar una, que sin ser tecnológica es intrínseca y elaborada. Harold N. Fisk documentó las curvas y giros de las más de 2.320 millas del Rio Mississippi en el 1944. El maravilloso mapa Vintage del camino del río a lo largo del tiempo está en Flavorwire.

11. Las subcomunidades de Reddit

Las sub-comunidades de Reddit visualizadas con Redditviz, un mapa interactivo del interés de los usuarios de Reddit, creado por Randy Olson. El mapa consiste en puntos de distintos tamaños y colores. El rojo representa muchas subreddits o comunidades relacionadas entre sí mientras que el azul indica menos relación. Los datos se recopilaron haciendo uso de redes troncales y mostró que la estructura de la comunidad Reddit es “scale-free, small-world y modular”. Haciendo click en un punto, el lector no solo obtiene más información sobre la subcomunidad, sino que además se le muestra un listado con temáticas cercanas o relacionadas.

12. Más rutas de vuelo

Otra visualización del camino seguido por los aviones, esta vez corresponden con los vuelos de un día en Londres. En total hay más de 6000 vuelos cada día en esta ciudad. Podéis ver el vídeo en vimeo.

13. Rutas de corredores

Las rutas que siguen los corredores mientras hacen ejercicio junto con aplicaciones que guardan la actividad realizada hacen posible el siguiente ejemplo de visualización de datos. Nathan Yau, creo este proyecto con 22 visualizaciones extrayendo datos de las aplicaciones que usan los deportistas. En visual complexity remarcan que los corredores suelen seguir unos patrones concretos. En el ejemplo de abajo, el patrón es que los corredores suelen salir junto al mar, parques y todos corren por rutas similares. El proyecto recopiló información de corredores de 18 ciudades de EEUU y 4 de Europa.

14. Cartografía de llamdas telefónicas

De nuevo otro proyecto de Visual Complexity con este ejemplo de visualización de datos que muestra una cartografía de llamadas de teléfono llena de color y patrones. En primera instancia fue un gráfico del New York Times . El proyecto lo desarrollaron investigadores del MIT, AT&T; e IBM. Las llamadas telefónicas en áreas pequeñas se representan con líneas más finas y de una altura proporcional al volumen de la llamada. Los arcos representan miles de llamadas a distintas partes del Estado. Colores diferentes denotan distintos estados de EEUU.

15. Olympic Feathers

Olympic Feathers es una visualización de datos interactiva que muestra la historia de las medallas olímpicas desde 1896 hasta hoy. Para más información, visita el artículo Plumas Olímpicas, Visualización de las medallas Olímpicas desde 1896 hasta 2016

Referencias

Fuente original | data-visualization.org