Visualisation de données

Julien Romero

CSC 4538 Visualisation de données 1

Sources
● Cours et illustrations basés sur Storytelling with Data: A Data Visualization Guide
for Business Professionals de Cole Nussbaumer Knaflic

CSC 4538 Visualisation de données 2

Qu’est-ce que la visualisation de données ?
● La visualisation de données est une discipline des sciences des données qui a but
but de traduire graphiquement une information contenue dans les données de
manière facilement intelligible.
● Pourquoi ?
○ Comprendre les données
○ Reconnaître des motifs
○ Partager l’information avec un large publique
○ Aider à prendre des décisions

CSC 4538 Visualisation de données 3

Dans ce cours…
● Deux types de visualisations
○ Exploratoire : On veut trouver ce qui est intéressant dans les données
○ Explicative : On veut communiquer de l’information

On va se concentrer sur la partie explicative, c’est-à-dire réussir à communiquer

clairement un résultat.

CSC 4538 Visualisation de données 4

Connaître le contexte
Une communication doit toujours pensée dans son context

● Pour qui ? Ingénieurs ? Investisseurs ?

● Quoi ? Que voulez-vous transmettre à votre audience ?
○ Format ? Présentation orale ? Document écrit ? Controle vs détails
● Comment ? À l’aide de quelles données ?

CSC 4538 Visualisation de données 5

Choisir une bonne représentation visuelle

CSC 4538 Visualisation de données 6

Texte
● Efficace et souvent oublié
● Utile quand on veut communiquer un seul nombre
● Ce n’est pas parce qu’on a beaucoup de données qu’il faut tout montrer

CSC 4538 Visualisation de données 7

Texte

CSC 4538 Visualisation de données 8

Tableau
● Bien dans un document écrit, mauvais à l’oral
● Demande d’être lu, chacun prend ce qui l’intéresse
● Exhaustif
● Attention de garder le design le plus simple possible, qui s’éclipse dans l’arrière
plan

CSC 4538 Visualisation de données 9

Carte thermique / Heatmap
● Variante du tableau dans laquelle la couleur = l’amplitude
● Aide à rapidement voir les extrèmes
● Garder les couleurs simples = saturations d’une seule couleur

CSC 4538 Visualisation de données 10

Nuage de points
● Permet de montrer une relation entre deux concepts
● Beaucoup utilisé en science

CSC 4538 Visualisation de données 11

Lignes
● Pour des données continues

CSC 4538 Visualisation de données 12

Pente
● Variante de la ligne qui permet de visualiser une évolution entre deux catégories
ou dates

CSC 4538 Visualisation de données 13

Diagramme à bande
● Très commun, mais sujet à beaucoup de mauvaises utilisations

CSC 4538 Visualisation de données 14

Diagramme à bande
● Très commun, mais sujet à beaucoup de mauvaises utilisations
● On commence à zéro !

CSC 4538 Visualisation de données 15

Diagramme à bande
● Très commun, mais sujet à beaucoup de mauvaises utilisations
● On commence à zéro !
● Bien choisir la largeur

CSC 4538 Visualisation de données 16

Diagramme à bande
● On peut afficher plusieurs séries ensemble
○ Attention de ne pas en mettre trop => illisible

CSC 4538 Visualisation de données 17

Diagramme à bande
● Vertical ou horizontal (catégories souvent plus faciles à lire)

CSC 4538 Visualisation de données 18

Diagramme à bande
● On peut empiler des sous-catégories
○ Devient vite illisible, surtout au milieu

CSC 4538 Visualisation de données 19

Diagramme à bande
● On peut exprimer des valeurs absolues ou en pourcentage

CSC 4538 Visualisation de données 20

Diagramme en cascade / Waterfall
● Représentation de sous-composantes qui s’ajoutent ou s’enlèvent pour former un
total

CSC 4538 Visualisation de données 21

Surface
● On représente une quantité comme une surface
○ À utiliser avec parcimonie, moins il y a de dimensions, mieux c’est
○ Exception : On représenter de grandes variations => plus compact

CSC 4538 Visualisation de données 22

À éviter : les camberts
● Nous sommes très mauvais pour comparer des surfaces

Qui a la plus grosse part ?

CSC 4538 Visualisation de données 23

À éviter : les camberts
● Nous sommes très mauvais pour comparer des surfaces

Qui a la plus grosse part ?

CSC 4538 Visualisation de données 24

À éviter : les diagrammes en 3D
● Souvent des dimensions inutiles
● Volumes encore plus compliqués à comparer que les surfaces

CSC 4538 Visualisation de données 25

À éviter : Plus axes y
● Difficile à lire rapidement

CSC 4538 Visualisation de données 26

 Réduire le désordre

CSC 4538 Visualisation de données 27

La solution la plus simple est souvent la meilleure
● Plus il y a d’éléments inutiles dans votre diagramme, plus difficile il sera à lire
● Il faut épurer au maximum
● Les principes de Gestalt peuvent aider à ordonner vos diagrammes

CSC 4538 Visualisation de données 28

Les principes de Gestalt - La proximité
● Nous groupons ensemble les objets proches

CSC 4538 Visualisation de données 29

Les principes de Gestalt - La simularité
● Nous groupons des objets similaires

CSC 4538 Visualisation de données 30

Les principes de Gestalt - La région commune
● Des objets dans une même frontière nous semblent connectés

CSC 4538 Visualisation de données 31

Les principes de Gestalt - La clôture
● Nous avons tendance à compléter des formes incomplètes
○ Ce n’est pas la peine de tout mettre pour que notre esprit comprenne

CSC 4538 Visualisation de données 32

Les principes de Gestalt - La continuité
● Nous continuons naturellement les objets suivant le chemin le plus simple (par
exemple, s’il passe derrière un autre objet)

L’axe y est inutile, on le

reconstitue
CSC 4538 Visualisation de données 33
Les principes de Gestalt - La connectivité
Les objets connectés semblent former un groupe

CSC 4538 Visualisation de données 34

Quelques éléments pour organiser vos diagrammes
● Aligner d’aligner des éléments pour réduire le désordre
● Utiliser des espaces blancs pour attirer l’attention
● Utiliser un fort contraste pour faire ressortir des éléments

CSC 4538 Visualisation de données 35

Quelques éléments pour organiser vos diagrammes
Contraste Alignement

Espace
CSC 4538 Visualisation de données 36
Nettoyer un diagramme pas-à-pas
Qui : Les dirigeants d’une entreprise
Objectif : Obtenir deux nouveau employés
Comment : Avec les données de traitement de tickets

CSC 4538 Visualisation de données 37

1. Enlever les bordures

CSC 4538 Visualisation de données 38

2. Enlever la grille

CSC 4538 Visualisation de données 39

3. Enlever le marquage des points

CSC 4538 Visualisation de données 40

4. Nettoyage des axes

CSC 4538 Visualisation de données 41

5. Rapprocher les noms des courbes des courbes

CSC 4538 Visualisation de données 42

6. Utilisation cohérente de la couleur

CSC 4538 Visualisation de données 43

Focaliser l’attention de l’audience

CSC 4538 Visualisation de données 44

Comptez les 3

CSC 4538 Visualisation de données 45

Et maintenant ?

CSC 4538 Visualisation de données 46

Quelques astuces pour attirer l’attention

CSC 4538 Visualisation de données 47

Dans du texte - Vierge
What are we doing well? Great Products. These products are clearly the best in their
class. Replacement parts are shipped when needed. You sent me gaskets without me
having to ask. Problems are resolved promptly. Bev in the billing office was quick to
resolve a billing issue I had. General customer service exceeds expectations. The
account manager even called to check in after normal business hours. You have a great
company – keep up the good work!

CSC 4538 Visualisation de données 48

Dans du texte - Gras
What are we doing well? Great Products. These products are clearly the best in their
class. Replacement parts are shipped when needed. You sent me gaskets without me
having to ask. Problems are resolved promptly. Bev in the billing office was quick to
resolve a billing issue I had. General customer service exceeds expectations. The
account manager even called to check in after normal business hours. You have a great
company – keep up the good work!

CSC 4538 Visualisation de données 49

Dans du texte - Couleur
What are we doing well? Great Products. These products are clearly the best in their
class. Replacement parts are shipped when needed. You sent me gaskets without me
having to ask. Problems are resolved promptly. Bev in the billing office was quick to
resolve a billing issue I had. General customer service exceeds expectations. The
account manager even called to check in after normal business hours. You have a great
company – keep up the good work!

CSC 4538 Visualisation de données 50

Dans du texte - Italique
What are we doing well? Great Products. These products are clearly the best in their
class. Replacement parts are shipped when needed. You sent me gaskets without me
having to ask. Problems are resolved promptly. Bev in the billing office was quick to
resolve a billing issue I had. General customer service exceeds expectations. The
account manager even called to check in after normal business hours. You have a great
company – keep up the good work!

CSC 4538 Visualisation de données 51

Dans du texte - Taille
What are we doing well? Great Products. These products are clearly the best in their
class. Replacement parts are shipped when needed. You sent me gaskets
without me having to ask. Problems are resolved promptly. Bev in the
billing office was quick to resolve a billing issue I had. General customer service
exceeds expectations. The
account manager even called to check in after normal business hours. You have a great
company – keep up the good work!

CSC 4538 Visualisation de données 52

Dans du texte - Séparation spatiale
What are we doing well? Great Products. These products are clearly the best in their
class. Replacement parts are shipped when needed. You sent me gaskets without me
having to ask.

Problems are resolved promptly.

Bev in the billing office was quick to resolve a billing issue I had. General customer
service exceeds expectations. The
account manager even called to check in after normal business hours. You have a great
company – keep up the good work!

CSC 4538 Visualisation de données 53

Dans du texte - Séparation spaciale
What are we doing well? Great Products. These products are clearly the best in their
class. Replacement parts are shipped when needed. You sent me gaskets without me
having to ask. Problems are resolved promptly. Bev in the billing office was quick to
resolve a billing issue I had. General customer service exceeds expectations. The
account manager even called to check in after normal business hours. You have a great
company – keep up the good work!

CSC 4538 Visualisation de données 54

Dans du texte - Entourer
What are we doing well? Great Products. These products are clearly the best in their
class. Replacement parts are shipped when needed. You sent me gaskets without me
having to ask. Problems are resolved promptly. Bev in the billing office was quick to
resolve a billing issue I had. General customer service exceeds expectations. The
account manager even called to check in after normal business hours. You have a great
company – keep up the good work!

CSC 4538 Visualisation de données 55

Dans du texte - Souligner
What are we doing well? Great Products. These products are clearly the best in their
class. Replacement parts are shipped when needed. You sent me gaskets without me
having to ask. Problems are resolved promptly. Bev in the billing office was quick to
resolve a billing issue I had. General customer service exceeds expectations. The
account manager even called to check in after normal business hours. You have a great
company – keep up the good work!

CSC 4538 Visualisation de données 56

Dans du texte - Combinaison

CSC 4538 Visualisation de données 57

Dans un diagramme - Vierge

CSC 4538 Visualisation de données 58

Dans un diagramme - Couleur

CSC 4538 Visualisation de données 59

Dans un diagramme - Couleur
Attention avec les couleurs

● Ne pas en utiliser trop

● Utiliser les couleurs de manière cohérente
○ Couleurs associées à des concepts
● Attention aux daltoniens (8% des hommes, <1% des femmes)
● Les couleurs peuvent être associées à des émotions
● Faire écho aux couleurs de l’entreprise

CSC 4538 Visualisation de données 60

 Raconter une histoire

CSC 4538 Visualisation de données 61

Raconter une histoire
● Tous les exemples vus servent à supporter une idée
● L’idée doit venir comme une histoire avec un début, un milieu, et une fin

CSC 4538 Visualisation de données 62

Exemple - Données “brutes”

CSC 4538 Visualisation de données 63

Exemple

CSC 4538 Visualisation de données 64

Exemple

CSC 4538 Visualisation de données 65

Exemple

CSC 4538 Visualisation de données 66

Exemple

CSC 4538 Visualisation de données 67

Exemple

CSC 4538 Visualisation de données 68

Exemple

CSC 4538 Visualisation de données 69

Exemple

CSC 4538 Visualisation de données 70

Exemple

CSC 4538 Visualisation de données 71

Exemple

CSC 4538 Visualisation de données 72

 En route vers le TP !

CSC 4538 Visualisation de données 73