5 minutes guide to better visualizations
1. Porque nos interesa la estetica en nuestras visualizaciones
La estetica juega un papel importantisimo en nuestras vidas, en los contenidos que elegimos ver y los que no, y muchas veces la estetica de un objeto es la que hace que nos sintamos atraidos por el y le brindemos unos segundos de nuestra atencion.
Nuestro objetivo es que el lector analice la informacion que le brindamos en el grafico, pero que no tenga que perder ese tiempo, esos segundos en analizar como esta construido el grafico, sino que sienta que la informacion fluye, y que el mensaje se recibe casi sin ningun tipo de esfuerzo.
2. Elementos graficos
A continuacion algunas recomendaciones para hacer mas facil transmitir un mensaje a traves de una visualizacion:
2.1. Colores
Cada color tiene asignado un significado mental, por lo tanto su uso tiene implicaciones. Por ejemplo que pasa cuando vemos rojo? es peligro, atencion, alto.. que pasa cuando vemos verde? es algo que esta bien.
Cuando vemos un grafico que tiene colores mas saturados entendemos que los colores oscuros implican mayor cantidad de lo que sea que estemos analizando, contra colores menos saturados y mas claros.
Si bien vamos a estar creando nuestros graficos dentro de la libertad que significa que es nuestro diseno, es mucho mas logico seguir las reglas con referencia a significados, de forma de facilitar la interpretacion de nuestras visualizaciones a los lectores.
2.2. Referencias en el grafico
Que pasa si vemos dos graficos uno con referencias con un titulo, un subtitulo y un pie de pagina… y otro que carece totalmente de los elementos, en el caso del grafico que esta completo, nos permite realizar menos esfuerzo para lograr interpretar que nos busca contar, y eso es crucial dado que son tantas las imagenes y textos que vemos diariamente que muchas veces el filtrado que realizamos es absoluto: no tenemos mas tiempo para pensar algo, y queremos la inmediatez de leyendo un titulo, un subtitulo y mirando el grafico podamos interpretar que nos cuenta.
Para realizar un grafico visualmente mas completo algunos de los elementos a tener en cuenta son:
- Titulo y subtitulo: Tanto el titulo como el subtitulo dan contexto al lector acerca de que es el grafico que esta visualizando.
- Pie de pagina: Puede incluirse tanto el origen de datos como el autor del grafico. Le brinda autenticidad a nuestra visualizacion.
- Escalas/Puntos: Informacion acerca de las escalas utilizadas tanto para el eje X como el Y.
2.3. Librerias graficas
Es posible sumar estetica obteniendo un resultado mas profesional a traves de librerias graficas que ya resuelvan el tema de la eleccion de colores de forma de elegir entre gamas de colores ya creadas.
- Librerias grafica RBrewer
- Libreria grafica Viridis
2.4. Themes
Permite aplicar un estilo estetico al grafico. Existen varios que ya estan construidos, se pueden ver referencias aqui. Algunos de los mas interesantes a mi criterio son:
- Minimal: Con diferencia, mi theme preferido debido a que permite concentrarse en la imagen, y no en las referencias como los ejes o los fondos.
- theme_wsj: Theme basado en los graficos del diario “The Wall Street Journal”
- theme_hc: theme basado on Highcharts JS
3. Conclusion
El objetivo de crear una visualizacion es lograr transmitir en forma grafica un mensaje, sumando elementos esteticos como themes, librerias graficas, colores y referencias, el mensaje puede llegar en una forma clara y directa al receptor.