Manuel de conception de l'Infobase Santé
Table des matières
Choisir un type de visualisation
Sur cette page
Choisissez une technique de visualisation qui aidera les gens à accomplir leurs tâches.
Visualisation explicative et exploratoire
La visualisation explicative montre des faits saillants spécifiques au public cible. Par exemple, illustrer la corrélation entre 2 choses ou la distribution de différentes valeurs. Il met délibérément en évidence certaines « perles de sagesse » à partir des données.
La visualisation exploratoire permet aux gens d'explorer eux-mêmes les données et de trouver des renseignements importants. Elle soutient l'auto-interprétation des données.
Lors de la création d'un produit de données, réfléchissez attentivement à la quantité d'exploration de données que vous voulez permettre. Trop d'options et de fonctionnalités peuvent rendre difficile l'extraction d'informations utiles pour les gens.
Pensez à la variété de tâches que vous devez soutenir. Commencez par une visualisation explicative et permettez progressivement aux utilisateurs d'explorer par eux-mêmes, si cela est pertinent.
- Exploratory vs explanatory analysis (Storytelling with data) (en anglais seulement)
Statique et interactive
La visualisation de données n'a pas toujours besoin d'être interactive. Parfois, une visualisation statique peut mieux soutenir les tâches et l'histoire que vous voulez raconter.
Les visualisations statiques conviennent le mieux pour soutenir les tâches explicatives, où les idées sont déjà extraites et où vous voulez montrer un renseignement spécifique.
Les visualisations interactives conviennent le mieux pour soutenir les tâches exploratoires, où les utilisateurs sont chargés d'explorer les données et d'extraire des renseignements par eux-mêmes.
Un tableau de bord complet où tout peut être exploré n'est pas toujours la meilleure façon de soutenir les utilisateurs dans leurs tâches. Ce n'est pas parce que nous pouvons faire des graphiques interactifs que nous devrions toujours le faire. Tout dépend de ce que nous voulons que les gens fassent avec les données.
Choisir le type de visualisation adapté à la tâche
Le choix du graphique dépend de ce que vous essayez d'illustrer.
Suivre une tendance
Utilisez ces types de visualisation pour illustrer une tendance :
Graphique linéaire
Exemple de graphique linéaire :
Source : D3.JS - Line graph (en anglais seulement)
Exemple de graphique multilignes :
Source : D3.JS - Multiple line graph (en anglais seulement)
Consulter les lignes directrices sur les graphiques linéairesGraphique de surface
Exemple d'un graphique de surface :
Source : D3.JS - Area chart (en anglais seulement)
Montrer une relation
Utilisez ces types de visualisation pour montrer une relation :
Diagrammes à barres
Exemple d'un diagramme à barres verticales :
Source : D3.JS - Vertical bar chart (en anglais seulement)
Exemple d'un diagramme à barres horizontales :
Source : D3.JS - Horizontal bar chart (en anglais seulement)
Consulter les lignes directrices sur les diagrammes à barresNuage de points
Exemple d'un nuage de point
Source : D3.JS - Scatter plot (en anglais seulement)
Consulter les lignes directrices sur les nuages de pointsGraphique à bulles
Source : D3.JS - Bubble chart (en anglais seulement)
Nuage de mots
Exemple de nuage de mots :
Source : D3.JS - Word cloud (en anglais seulement)
Partie à tout
Utilisez ces types de visualisation pour illustrer une relation d'une partie à un tout :
- Diagrammes circulaires et diagrammes en anneau
- Cartes thermiques
- Diagramme à barres superposées
- Graphiques en arborescence
Diagrammes circulaires et diagrammes en anneau
Exemple de diagramme circulaire :
Source : D3.JS - Pie charts (en anglais seulement)
Exemple de diagramme en anneau :
Source : D3.JS - Doughnut charts (en anglais seulement)
Consulter les lignes directrices sur les diagrammes circulairesCartes thermiques
Exemple de carte thermique :
Source : D3.JS - Heat map (en anglais seulement)
Consulter les lignes directrices sur les cartes thermiquesDiagrammes à barres superposées
Exemple d'un diagramme à barres superposées :
Source : D3.JS - Stacked bar chart (en anglais seulement)
Consulter les lignes directrices sur les diagrammes à barresGraphiques en arborescence
Exemple de graphique en arborescence :
Source : D3.JS - Tree map (en anglais seulement)
Valeur unique
Utilisez ces types de visualisation pour illustrer une valeur unique :
Indicateurs clés
Exemples d'indicateurs clés :
Consulter les lignes directrices sur les indicateurs clésJauge
Exemple d'une jauge
Source : Observable - D3 gauge (en anglais seulement)
Tableau adaptatif
Exemple d'un tableau adaptatif :
| Ville | Population en 2007 | Population en 2017 | Variation en pourcentage |
|---|---|---|---|
| Toronto | 5 418 207 | 6 346 088 | 17,1% |
| Montréal | 3 714 846 | 4 138 254 | 11,4% |
| Vancouver | 2 218 134 | 2 571 262 | 15,9% |
| Ottawa–Gatineau | 1 188 073 | 1 377 016 | 15,9% |
Distribution
Utilisez ces types de visualisation pour illustrer une distribution :
Histogramme
Exemple d'un histogramme:
Source : D3.JS - Histogram (en anglais seulement)
Consulter les lignes directrices sur les histogrammesDiagramme en boîte
Exemple d'un diagramme en boîte :
Source : D3.JS - Box plot (en anglais seulement)
Diagramme en violon
Exemple d'un diagramme en violon:
Source : D3.JS - Violin plot (en anglais seulement)
Carte
Exemple d'une carte :
Flux
Utilisez ces types de visualisation pour illustrer un flux :
- Diagramme Sankey
- Diagramme en réseau
Diagramme Sankey
Exemple d'un diagramme Sankey :
Source : Google Charts - Sankey chart (en anglais seulement)
Diagramme en réseau
Exemple d'un diagramme en réseau :
Source : D3.JS - Network chart (en anglais seulement)
Ressources supplémentaires :
- Data Visualization Cheat Sheet - Data Camp (en anglais seulement)
- Date de modification :