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

Cómo el ITP de Safari afecta a tus decisiones con Google Analytics y A/B testing

Con el Intelligent Tracking Prevention o ITP, Safari restringe el uso de las cookies para el seguimiento del comportamiento de los usuarios en cualquier página web. En su versión 2.0, el ITP empezó a bloquear únicamente las cookies cargadas por servidores de terceros en todos los sitios web. Por tanto, desde que apareció esta versión,

SameSite cookies: prevención de ataques CSRF

SameSite Cookie attribute se deberá definir en las cookies HTTP para prevenir ataques Cross Site Request Forgery (CSRF) en aplicaciones web. No tener definido este atributo en la creación de la cookie implica que esta será ignorada o restringida una vez los navegadores actualicen sus versiones para mejorar los estándares de seguridad.

4 minutos

Dificultad

¿Qué es Gtag y cómo implementarlo para App + Web?

Gtag es una etiqueta de seguimiento que nos permite unificar los productos de Google y que está basada en eventos predefinidos. Es ahora con el lanzamiento de las propiedades de App + Web cuando realmente resulta útil para poder estandarizar y aunar la medición de nuestras apps y webs.

5 minutos

Dificultad

Cómo configurar una propiedad App+Web en Google Analytics

Las nuevas propiedades de App+Web de Google analytics nos permiten añadir hasta 50 flujos de datos de uno u otro tipo. En este artículo te explicamos cómo crear este tipo de propiedades y cómo configurarlas para web.

5 minutos

Dificultad

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