Cómo crear un slope graph en Google Data Studio

A día de hoy, el slope graphs se utilizan en una gran variedad de ocasiones. En particular, se usan cuando se quiere mostrar la variaciones entre diferentes periodos de tiempo o de status.

Source: https://www.creativereview.co.uk/cr-blog/2016/january/the-creative-review-careers-survey/

 

Source: https://www.visualisingdata.com/2013/12/in-praise-of-slopegraphs/

Este tipo de gráficos se puede reproducir en Google Data Studio utilizando los gráficos que nos ofrece la herramienta de Google.

En este ejemplo, vamos a utilizar un CSV en Google Spreadsheet, con el margen de cada departamento de nuestra tienda online. Los datos se refieren al Q2 y al Q3 del 2018.

Una vez tenemos los datos listos, los vamos a importar en Data Studio utilizando el conector de Google Spreadsheet.

Los campos que se importaran son tres: los departamentos, la fecha y el margen. Es muy importante tener la fecha porque los gráficos que se utilizarán son de tipo timeline.

Ahora podemos montar nuestro gráfico. Añadimos un widget de tipo time series con estas características:

  • Data Range Dimension: Fecha. Para mostrar el trimestre tenemos que cambiar la visualización de nuestra fecha.  Hacemos click en el lápiz y modificamos el campo Show As. Seleccionamos Year Quarter. El formato puede cambiar dependiendo de vuestros datos.
  • Time Dimension: Fecha. Cambiamos los ajustes como para el campo anterior.
  • Metric: Margen
  • Breakdown Dimension Sort: Margen

El resultado debería ser algo similar a este:

Vamos a cambiar algunos ajustes de estilo de nuestro gráfico.

Vamos a cambiar:

  • Color by: Series Order. Con esta opción podemos cambiar el color de cada una de nuestra serie. En nuestro ejemplo, una serie corresponde a una categoría de productos.
  • Colores y line size de las serie (en todas las series):
    • Size: 2
    • Color: #D9D9D9
    • Dejamos no seleccionado los otros ajustes

  • Cambiamos los ajustes de nuestro eje Y:
    • seleccionando Show Axes y ponemos un valor de min y de max. Estos valores dependen de vuestros datos. En nuestro ejemplo ponemos min 0 y max 1 (son datos en porcentaje).
    • una vez cambiado, quitamos el check en la opción Show Axes. 

  • Ponemos la cuadrícula en transparente y quitamos la leyenda.

Si vamos a visualizar el gráfico, debería aparecer como en la siguiente imagen:

No tiene mucho sentido, ¿verdad? Continuamos…

Seleccionamos el gráfico creado y lo copiamos y pegamos en la misma página.

En este nuevo gráfico, vamos a cambiar el estilo de las series:

  • Series (en todas las series):
    • Size: 4
    • Color: #180449 (podéis utilizar el que queráis, claro)
    • Show point: seleccionado
    • Show data label: seleccionado

  • Superponemos el segundo gráfico sobre el primero.

Añadimos un filtro al informe con estas características:

  • Dimension: Departamentos
  • Metric: Margen
  • Style:
    • Filter control:
      • List
      • Expandable: no
      • Single select: si
      • Default: tu propio valor
    • Otros ajustes: podéis cambiar los otros ajustes para adaptar el filtro a vuestro reporte.

Si habéis añadido el filtro y su valor de default el resultado debería ser similar a lo de abajo. En los dos gráfico está seleccionado solamente un departamento.

Ahora seleccionamos el gráfico con las líneas en color, hacemos clic en SHIFT en el teclado y seleccionamos el filtro que hemos creado. Una vez que tenemos los dos elementos seleccionados, click derecho con el ratón y seleccionamos Group.

Ahora nuestro gráfico empieza a darnos más informaciones. Se puede ver claramente la tendencia del departamento seleccionado y al mismo tiempo tener los datos de contexto (en gris).

El último paso será añadir informaciones del periodo considerado (widget de texto) y dos ejes para definir el gráfico (widget rectángulo).

Esto sería el resultado final.

Lo que hemos mostrado es solo un ejemplo de cómo se puede realizar un slope graph en Google Data Studio. Hay varias opciones para adaptarlo a tu necesidades. Por ejemplo se podría añadir los nombres de los departamentos al lado de las línea, utilizar colores diferentes por departamento o añadir notas para explicar la tendencia.

Marco Favero

Marco Favero

Share on facebook
Share on twitter
Share on linkedin
Share on email
3 min
Suscríbete a nuestra newsletter

Los mejores artículos de analítica digital para potenciar tu negocio.

1 comentario en “Cómo crear un slope graph en Google Data Studio”

  1. Pingback: Visualizaciones personalizadas de datos en google data studio - Doctor Metrics

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Entradas relacionadas

Secuestro del navegador: cómo bloquear ad injectors

En este artículo describimos un problema que afecta sobre todo a sitios de ecommerce, el “secuestro” de navegadores por parte de programas maliciosos que muestran publicidad al usuario, con el objetivo de que finalice la conversión en sitios de la competencia.

6 minutos

Dificultad

Uso de librerías en Tealium

Cómo gestionar y utilizar las librerías en el gestor de etiquetas Tealium. Cuestiones a tener en cuenta, desventajas de usarlas y cómo solventar estas desventajas.

3 minutos

Dificultad

Del ON al OFF: el gran reto de medición para las empresas

Tener información de lo que hace un usuario en una página web es relativamente fácil: podemos saber cuánto tiempo ha estado navegando, qué interacciones ha hecho, si ha comprado o no, por qué página ha llegado…

3 minutos

Dificultad

Detección de errores en herramientas de medición

En programación existen multitud de errores que nos hacen la vida imposible, por eso, un programador (siempre que pueda) debe optimizar y dejar el código lo más legible posible.

4 minutos

Dificultad