Cómo crear un slope graph en Google Data Studio

Índice de contenidos

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.

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

Deja un comentario

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

Entradas relacionadas

Cinco dudas y respuestas clave sobre GA4

Con la aparición de GA4 y el nuevo paradigma de medición, sin vistas y basado en datastreams, en estado beta, surgen muchas dudas acerca de cómo vamos a obtener ahora los datos. En este post hemos planteado y tratamos de resolver de manera sencilla algunas de las dudas más frecuentes con las que nos encontramos

Guía básica de ungit, herramienta de control de versiones en datalab

Ungit es la herramienta de control de versiones de código abierto que viene directamente integrada en DataLab, de Google Cloud Platform. En este post encontrarás una guía básica de cómo utilizar ungit y los conceptos clave sobre control de versiones. Si quieres saber más sobre Datalab te recomendamos que veas nuestro post: ¿Qué es google

Guía básica para crear una propiedad Google Analytics 4

Google Analytics 4 (GA4) es la nueva generación de Google Analytics, antes conocida como Google Analytics App+Web. El lanzamiento de GA4 comporta la llegada de nuevos informes y capacidades que dan más potencia a tu herramienta de analítica. Para empezar a familiarizarte con ella, te explicamos paso a paso cómo crear una propiedad GA4 y

Ir arriba

Esta web utiliza ‘cookies’ de terceros. Al clicar aceptar está aceptando el uso que realizamos de las cookies. Para más información puede consultar nuestra Política de cookies