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.

 

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.

Autor:

Leave Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.