Cela fait un moment que j’avais envie de rédiger des articles sur l’utilisation de Tableau Software, qui est aujourd’hui une des solutions de DataViz et d’exploration de données à la fois simple à prendre en main et complexe lorsqu’on souhaite pousser le vice :wink:.
C’est un outil que j’utilise quasiment quotidiennement depuis 3 ans, sur lequel je me suis formé seul, grâce aux ressources présentes sur le web.

J’espère que cet article apportera ma pierre à l’édifice de la connaissance Tableau-esque !

N’hésitez pas à commenter et à me faire des retours sur votre propre expérience.

Les données utilisées pour cet article sont issues du jeu de données Données relatives aux aides exceptionnelles aux artisans et commerçants dans le cadre de l’épidémie de COVID-19 depuis data.gouv.fr.


Ajouter un bouton Afficher/Masquer

Tableau Software a apporté lors de sa dernière mise à jour 2021.2 une fonctionnalité extrêmement intéressante et utile : la possibilité d’afficher/masquer n’importe quel objet d’un dashboard.

Comme vous pouvez le voir ci-dessous, il suffit d’aller dans les options de l’object en question (une feuille, un conteneur, un bloc texte…) et de sélectionner “Ajouter un bouton Afficher/Masquer”.
Apparait alors un bouton flottant avec une croix. Si vous cliquez dessus en maintenant Alt sur votre clavier, cela aura pour effet de masquer l’objet précédemment sélectionné. Un nouveau Alt+Clic et l’élément réapparait ! :sparkles:

objet retractable

Auparavant, et depuis la version 2019.2, seuls les conteneurs flottants avaient cette possibilité.

Conteneurs rétractables

Cette nouvelle est intéressante, mais comme vous avez pu le constater, paramétré en l’état, le fait de masquer un objet laisse un gros blanc sur le dashboard. Ce qui n’est que peu esthétique…

Et c’est là que la magie opère !
Etant donné que nous pouvons masquer n’importe quel objet, essayons sur des conteneurs, mais pas n’importe lesquels, les fixes !

conteneur fixe retractable

Alors là comme ça, vous serez bien tentés de me dire “Mais quelle est la différence entre ces 2 GIF ?? Quel procédé subtil et magique as-tu utilisé ?” ou même “C’est sorcellerie messire !!”

sorcellerie

Mais d’ailleurs, c’est quoi un conteneur ?

Revenons un peu en arrière. Un conteneur, dans Tableau et d’après Tableau itself :

Les conteneurs de disposition vous permettent de regrouper des éléments de tableau de bord afin de pouvoir les positionner rapidement. Lorsque vous modifiez la taille et l’emplacement des éléments dans un conteneur, les autres éléments de conteneur s’ajustent automatiquement.

Grosso modo, lorsque vous designez votre dashboard, plutôt que de glisser-déposer vos feuilles, vous pouvez d’abord glisser-déposer des objets appelés Horizontal et Vertical, qui sont donc nos fameux conteneurs. Vous pouvez ensuite venir glisser-déposer vos feuilles à l’intérieur de ces conteneurs et ils s’arrangeront beaucoup mieux les uns envers les autres.

Si votre design a été réfléchi en amont et est bien préparé (as always bien sûr !), l’agencement des conteneurs n’est pas très complexe.

La magie de la collapsibilité des conteneurs

Non, je ne vous parlerai pas d’un coup d’un seul d’effondrement sociétal. Mais plutôt de ce que j’ai appelé plus haut la rétractabilité des conteneurs, traduit de l’anglais collapsible containers.

Etant donné qu’un conteneur est réactif à ce qu’il contient, nous allons nous en servir pour que les graphiques situés sur la gauche du dashboard puissent emplir la place laissée libre par le graphique de droite lorsqu’il se masque.

Nous souhaitons arriver à cette disposition :

disposition souhaitée

Le fait que “aides par benef” (le graphique de droite) soit à l’intérieur du même conteneur que les 2 autres (situés dans le dernier Horizontal) va leur permettre de prendre sa place lorsqu’il sera masqué.

la ruse est finaude

Pour ce faire, il suffit de glisser d’abord un conteneur horizontal. Puis d’y insérer le graphique qui sera à droite. Ensuite un conteneur vertical sur la gauche, à l’intérieur du premier conteneur. Et il n’y a plus qu’à mettre dans ce dernier conteneur, les 2 graphiques que nous voulons garder à gauche !

mise en place

Et voilà !! Maintenant, il n’y a plus qu’à effectuer la manipulation décrite en début d’article. A savoir sélectionner le graphique de droite, ouvrir ses options grâce à la petite flèche pointant vers le bas, “Ajouter un bouton Afficher/Masquer” et le tour est joué !

Vous pouvez par la suite modifier l’apparence du bouton en mettant l’image que vous souhaitez, ajouter une légende ou même faire des conteneurs de boutons (ça pourra être pour un prochain article :smile:) !

dingue

Vous pouvez télécharger le fichier Tableau directement depuis mon profil Tableau Public.

Conclusion

Cette nouvelle possibilité offerte dans la dernière mise à jour de Tableau permet de réaliser de nombreuses améliorations en termes d’interface en simplifiant le design de certains dashboards.

Il est possible d’imaginer par exemple qu’un graphique pop directement à la sélection d’un élément sur un graphique lié, sans pourautant être affiché en permanence.

En bref, encore bien des choses à imaginer grâce à Tableau !


Cet article m’a été inspiré par un post de Samuel Parsons, que je tiens à remercier vivement pour m’avoir (enfin) poussé à comprendre le fonctionnement des conteneurs et leur nouvelle rétractabilité !!

N’hésitez pas à commenter directement en dessous, ou à m’envoyer un message sur Twitter, je vous répondrai avec plaisir :pray: !

Mis à jour :

Laisser un commentaire