dernières news, tutoriels, actualités, communautés

Tutoriel Tableau : Booster votre visualisation grâce au « waterfall arrow chart »

Prérequis

  1. Utilisation et création de formes

  2. Axes doubles

  3. Champs calculés

  4. Manipulations de « Valeurs de mesures » et « Nom de mesure »

 

 

Il y a quelques semaines, je cherchais pour un de mes clients une visualisation originale et efficace, afin de montrer l’évolution d’une valeur au cours du temps. Après quelques essais et au fil des discussions avec mes collègues, j’ai imaginé le « Waterfall Arrow Chart » :

 

 

Après avoir peaufiné ma viz et étant plutôt fier du résultat, j’ai décidé de la partager en espérant aider de potentiels utilisateurs de Tableau en manque d’inspiration 😊

 

Pour cet exemple je me suis servi du dataset « Sample superstore » disponible sur Tableau.

Objectif de cette viz : visualiser les « Sales » au cours des 3 derniers mois.

 

 

Etape 1 : les bases de la visualisation

 

Après avoir importé le data set dans un nouveau classeur :

  • Placer « Order date » en colonne, en date Exacte

  • Placer « Sales » en ligne

 

 

  • Placer « Order date » en filtre, choisir l’option « dates relatives » sur « les 3 derniers mois »

 

  • Enfin en repère, choisir le repère « barres de gant ».

 

 

Etape 2 : obtenir la taille de la flèche

 

Cette étape sert à construire le corps de notre flèche. L’objectif est d’ajouter une taille aux barres de gant :

  • La barre descend si la valeur à une date « t », est inférieure à la valeur en t-1

  • La barre monte dans le cas contraire.

 

  • Créer un nouveau champ calculé :

 

Remarque : pour la première date présente dans notre dataset, nous n’aurons pas de dates

« t-1 », il faut donc spécifier cette particularité en intégrant 0 à la place.

 

Attention : afin d’avoir une flèche qui descend lorsque la valeur descend et une flèche qui monte lorsque la valeur augmente il faut bien soustraire la valeur précédente à – Sum[(Sales)]. Cette opération est nécessaire du fait de l’utilisation des barres de Gant.

 

  • Glisser ensuite ce nouveau champ calculé sur le repère de taille.

 

Voici le résultat à obtenir :

 

Couleur des flèches :

La couleur est très importante dans toutes les visualisations que vous souhaitez créer. Notre objectif pour cette visualisation est de montrer l’évolution des ventes au cours des 3 derniers mois. Les couleurs doivent nous aider à montrer cette évolution.

Pour cette raison, la création d’un nouveau champ calculé reprenant la formule précédente est indispensable. Cette fois-ci nous utiliserons la valeur sum([Sales]) et non pas la valeur -sum([Sales]).

 

  • Créer un champ calculé, nommez-le « couleur flèche »

 

 

 

  • Diminuer la largeur des barres de gant au minimum pour distinguer les évolutions les unes des autres.

 

Etape 3 : base et tête des flèches

 

Cette 3éme étape consiste à embellir notre « waterfall chart » en lui ajoutant des flèches.

Ces flèches sont créées grâce aux formes :

  • Le triangle pointant vers le haut : la valeur a augmenté

  • Le triangle pointant vers le bas : la valeur a diminué

Une nouvelle fois, la création de champs calculés est nécessaire pour réaliser cette étape.

  • Créer le 1er champ calculé appelé « diminution sales »

 

  • Créer le 2eme champ calculé « augmentation sales »

 

  • Une fois les deux champs calculés crées, positionner la mesure « Valeurs de mesure » en ligne. Il est normal qu’une deuxième viz apparaisse. Elle disparaitra dans une prochaine étape 😊

  • Supprimer toutes les valeurs de mesure, excepté les deux champs que nous venons de créer : « diminution sales » et « augmentation sales ».

 

 

  • Modifier les attributs du repère appelés « valeurs de mesures » :

  • Choisir le repère « Forme », placer « noms de mesure » en « forme ».

  • Supprimer le repère de taille.

  • Dans le choix de vos formes appliquer les choix suivants :

 

  • Augmenter ensuite à votre guise la taille de vos formes.

 

Base des flèches :

La création de la base des flèches suit la méthode précédente.

  • Créer un champ calculé correspondant à la valeur à la date t-1

 

 

  • Ajouter ce champ calculé aux valeurs de mesures.

  • Appliquez-lui une forme correspondant à un simple trait horizontal.

 

Etape 4 : Création de l’axe double

 

C’est ici que les deux visualisations ne font plus qu’une !

  • Dans « lignes », choisir « valeurs de mesures », clic droit, choisir « axe double »

  • De nouveau clic droit, « synchroniser l’axe ». Le tour est joué 😉

 

Vous venez de créer votre « waterfall arrow chart ». J’espère que vous avez apprécié ce tuto. Si c’est le cas : Commentez et partager-le !

 

 

 

 

Please reload

Derniers Articles
RSS Feed
Please reload

Archive
Please reload

  • Grey Instagram Icon

Design by Actinvision

Legal

Copyright © 2017