Mapa_de_calor_CartoDB_10Una de las metodologías más interesantes para generar grandes visualizaciones de datos con poco esfuerzo es la generación de Mapas de Calor o HeatMaps.

Hacer esto con CartoDB y el lenguaje CartoCSS es muy sencillo. En un post previo ya os hemos hablado de CartoCSS y de su sencillo uso. Bien, la clave para generar este tipo de mapas con CartoCSS es el mezclar varios estilos diferentes que apliquen sobre un mismo dato.

¿Cómo?

Paso 1:  Entra en CartoDB y abre una de tus tablas

  • Deja la simbología por defecto.

Mapa_de_calor_CartoDB_1

Paso 2: Estila puntos con CartoCSS

  • Vamos a crear 3 estilos para la misma tabla. La idea es cambiar el tamaño de los puntos. El tamaño inicial es 12. Al crear los estilos crearemos puntos cada vez más grandes para dar estilo de mapa de calor

Mapa_de_calor_CartoDB_2

  • Botón ‘cartocss’
  • Modifica el código CartoCSS:

Mapa_de_calor_CartoDB_3

  • Aplica el estilo anterior. Hemos aumentado el tamaño a 80 (‘marker-line-width’ = 0).  Al borrar el contorno los puntos parece que se han unido.Mapa_de_calor_CartoDB_4
  • Cambia el CartoCSS:

Mapa_de_calor_CartoDB_5

  • Aplica el estilo. Ahora hemos añadido un segundo estilo. Crea puntos de un color diferente (verde) y más pequeños.  Se borra el contorno. CartoDB aplica estilos en el orden que hemos definido.

Mapa_de_calor_CartoDB_6

  • Modifica el CartoCSS:

Mapa_de_calor_CartoDB_7

  • Aplica el estilo.

Mapa_de_calor_CartoDB_8

Paso  3: Cambia el mapa base
Aunque no es necesario ayuda a visualizar mejor.

  • Cambia a MapBox Graphite.

Mapa_de_calor_CartoDB_10