Sélectionner des couleurs appropriées pour vos graphiques

Dans les graphiques Datadog, l’utilisation de couleurs est la principale façon de distinguer les différentes séries de données. En sélectionnant les couleurs appropriées pour vos graphiques, les membres de votre équipe pourront analyser les données qui y figurent, tirer des conclusions et résoudre les problèmes efficacement.

Sous Graph your data, l'utilisateur sélectionne l'une des palettes de couleurs disponibles.

Types de palettes de couleurs

Palettes catégorielles

Les palettes catégorielles sont optimales pour différencier des données qui ne suivent pas un ordre naturel, comme les zones de disponibilité.

Une palette affichant les lettres A B C D E F G, chacune d'elles correspondant à une teinte différente.

Classic

La palette Classic par défaut utilise un ensemble de six couleurs différentes optimisées pour améliorer la lisibilité. Les couleurs attribuées aux séries se répètent si le nombre de séries est supérieur à six. Des couleurs distinctes sont attribuées aux séries adjacentes.

La palette de couleurs Classic prend en charge l’accessibilité visuelle.

Aperçu de la palette Classic utilisée avec un graphique en anneau et un graphique à barres empilées.

Consistent/Semantic

La palette Consistent vous permet de toujours attribuer la même couleur à une série de données précise, ce qui facilite la corrélation des données entre les différents graphiques. Contrairement à la palette Classic, la palette Consistent ne garantit pas que la même couleur sera attribuée aux séries de données adjacentes et ne prend pas en charge l’accessibilité visuelle.

Exemple de palette de couleurs Consistent/Semantic.
Graphiques à barres avec la palette Consistent.

Pour un petit sous-ensemble de tags compatibles, Datadog est en mesure d’identifier automatiquement la signification de chaque série de données. Dans ce cas, la palette de couleurs Consistent se présente sous la forme d’une palette de couleurs Semantic, qui utilise une couleur pour représenter la signification. Par exemple, la couleur rouge peut être utilisée pour représenter une erreur.

Graphique à barres avec la palette Semantic.

Palettes divergentes

Utilisez une palette divergente lorsque vous devez mettre en avant l’écart entre des valeurs au sein d’un ensemble de données. Les palettes divergentes sont idéales pour les données qui présentent un ordre et un point médian naturels. Exemple : l’évolution de l’utilisation de la mémoire, de -100 % à +100 %, avec un point médian naturel à 0 %.

Deux options sont disponibles pour les palettes divergentes : Cool (vert et bleu) ou Warm (interpolation entre les couleurs jaune et orange).

Une palette affichant -3 -2 -1 0 1 2 3, avec différents dégradés de couleur à chaque extrême.
Graphiques avec une palette divergente.

Palettes séquentielles

Utilisez une palette séquentielle lorsque vous devez mettre en avant les points communs entre différentes séries de votre ensemble de données. Cette palette est adaptée aux données qui suivent un ordre naturel, comme l’utilisation du processeur (de 0 % à 100 %) d’un groupe de hosts.

Vous avez le choix entre Purple, Orange, Gray, Red, Green et Blue.

Lorsqu’elles sont associées à des remplacements de couleur, les palettes séquentielles vous permettent de faire la distinction entre les résultats de plusieurs requêtes dans un même graphique.

Une palette affichant 1 2 3 4 5 6 7, chaque couleur correspondant à un dégradé.
Graphiques avec une palette séquentielle.

Remplacements de couleur

Les remplacements de couleur vous permettent d’attribuer une couleur de votre choix à chaque requête. Cela s’avère particulièrement utile pour faire la distinction entre les résultats de plusieurs requêtes dans un même graphique.

Le volet permettant à l'utilisateur de configurer des remplacements de couleur.

Paramètres d’accessibilité

Datadog propose des modes de couleurs accessibles pour les graphiques afin de répondre à différents besoins visuels, notamment le daltonisme, la faible acuité visuelle et la sensibilité aux contrastes. Lorsque vous sélectionnez un mode de couleurs accessibles, la palette Classic est appliquée à tous les graphiques avec un ensemble de couleurs accessibles répondant à un besoin visuel précis. Il est possible de définir un mode de couleurs accessibles depuis la page User Preferences.

Options d'accessibilité visuelle disponibles : Default, Protanopia (difficulté à distinguer les tons verts et rouges), Deuteranopia (difficulté à distinguer les tons rouges, verts et jaunes), Tritanopia (difficulté à distinguer les tons bleus et verts), High Contrast (séparation plus marquée entre les couleurs en cas de faible acuité visuelle), Low Saturation (diminution du contraste en cas de sensibilité visuelle aux contrastes).
PREVIEWING: rtrieu/product-analytics-ui-changes