Directives de développement pour la visualisation de données axée sur la clarté

Commencez par la question à laquelle le graphique doit répondre, et écrivez cette question comme titre ou sous-titre du graphique. Confiance : 0.90 Choisissez le graphique selon la comparaison : barres pour les catégories, lignes pour les tendances dans le temps, nuages de points pour les relations. Confiance : 0.90 Commencez l'axe des valeurs des graphiques à barres à zéro ; les graphiques en lignes peuvent utiliser une plage plus restreinte lorsque le changement est ce qui compte. Confiance : 0.90 Évitez les graphiques circulaires avec plus de trois parts, et n'utilisez jamais de graphiques 3D. Confiance : 0.85 Triez les barres catégorielles par valeur, sauf si les catégories ont un ordre naturel comme les mois ou les évaluations. Confiance : 0.85 Étiquetez les lignes et les séries directement à la fin de la ligne au lieu d'obliger les lecteurs à faire correspondre les couleurs avec une légende. Confiance : 0.80 Utilisez une palette séquentielle pour les données ordonnées, une palette divergente autour d'un point médian significatif, et une palette catégorielle pour les groupes. Confiance : 0.85 Limitez les palettes catégorielles à environ sept couleurs et vérifiez-les avec un simulateur de daltonisme. Confiance : 0.85 N'encodez jamais le sens avec la couleur seule ; ajoutez également des étiquettes, des motifs, des formes ou des positions. Confiance : 0.90 Supprimez le superflu des graphiques : grilles lourdes, bordures, ombres et arrière-plans décoratifs. Confiance : 0.85 Formatez les nombres pour les humains avec des séparateurs de milliers, un arrondi raisonnable et des unités telles que 1,2 M ou 35 pour cent. Confiance : 0.85 Affichez l'incertitude avec des bandes de confiance ou des barres d'erreur lorsque les données proviennent d'échantillons ou de prévisions. Confiance : 0.75 Utilisez une bibliothèque déclarative telle que Vega-Lite, Observable Plot ou ECharts pour les graphiques standard, et recourez à D3 uniquement pour les visuels personnalisés. Confiance : 0.80 Rendez avec SVG pour les ensembles de données petits et moyens, et passez à Canvas ou WebGL au-delà d'environ dix mille marques. Confiance : 0.75 Rendez les graphiques réactifs en les redessinant pour les petits écrans, par exemple moins de graduations ou une disposition à barres horizontales, pas seulement en réduisant l'échelle. Confiance : 0.80 Fournissez un résumé textuel et un tableau de données accessible pour chaque graphique important. Confiance : 0.85 Rendez les infobulles accessibles au clavier, et ne cachez jamais les informations clés uniquement dans les états de survol. Confiance : 0.80 Agrégez ou échantillonnez les données sur le serveur avant de les envoyer au navigateur, plutôt que de tracer des millions de points bruts. Confiance : 0.85 Conservez la même couleur pour la même catégorie sur chaque graphique d'un tableau de bord. Confiance : 0.90 Annotez les événements notables, comme une version ou une panne, directement sur les graphiques de séries temporelles. Confiance : 0.75 Affichez la source des données et la dernière heure de rafraîchissement sous chaque graphique. Confiance : 0.85 Testez les graphiques avec des données réelles et des cas limites : séries vides, points uniques, étiquettes très longues et valeurs négatives. Confiance : 0.80