Selecting the right colors for your graphs

이 페이지는 아직 한국어로 제공되지 않으며 번역 작업 중입니다. 번역에 관한 질문이나 의견이 있으시면 언제든지 저희에게 연락해 주십시오.

In Datadog graphs, color is the primary method by which you can distinguish between series of data. Selecting the right color for your graph ensures that your teammates can parse data in your graphs, draw insights, and troubleshoot effectively.

Under the heading 'Graph your data', the user is selecting from a list of color palettes.

Types of color palettes

Categorical palettes

Categorical palettes are best used for data that needs to be differentiated, but does not follow a natural order—for example, availability zones.

A palette showing letters A B C D E F G, where each letter is a different hue.

Classic

The default Classic palette uses a set of six distinct colors optimized for readability. Colors assigned to series repeat if the number of series exceeds six. Adjacent series typically have distinct colors. However, in rare conditions, adjacent series could use the same color if intermediate series have no value for partial timeframes.

The Classic color palette has visual accessibility support.

An overview of what the Classic palette looks like for a donut graph and a stacked bar graph.

Consistent/Semantic

The Consistent palette allows you to assign the same color consistently to a series of data, making it easier to correlate data across charts. The Consistent palette does not guarantee that adjacent data series do not use the same color, and it does not have accessibility support.

A color palette for the Consistent/Semantic palette.
Consistent palette bar graphs.

For a small subset of compatible tags, Datadog automatically recognizes the meaning behind each series of data. In this case, the Consistent color palette appears as a Semantic color palette, which uses color to represent meaning. For instance, the color red may represent an error. See Compatible Semantic Tags for a list of supported tags.

Semantic palette bar graph.

Diverging palettes

Use a Diverging palette when you need to emphasize the difference in values within a data set. Diverging palettes are best suited to data that has a natural order and a natural midpoint. For example: the amount of change in memory utilization, from -100% to +100%, with a natural midpoint at 0%.

There are two Diverging palette options: cool (green and blue) or warm (interpolates between yellow and orange).

A palette showing -3 -2 -1 0 1 2 3, with different color gradients on both ends.
Diverging palette graphs.

Sequential palettes

Use a Sequential palettes when you need to emphasize that different series in your dataset have something in common. This palette works well for data that has a natural order, such as the CPU utilization (from 0% to 100%) of a group of hosts.

Color options include purple, orange, gray, red, green, and blue.

When combined with color overrides, the Sequential palettes help you to distinguish results from multiple queries in a single chart.

A palette showing 1 2 3 4 5 6 7, where the colors are a gradient.
Sequential palette graphs.

Color overrides

Color overrides allow you to assign a single color of your choice to each query. This is particularly useful when distinguishing the results from multiple queries in a single chart.

The panel that allows a user to configure color overrides.

Note: If your query aggregates by a tag (for instance, using ‘sum by’ or ‘avg by’), you can only select a palette override. This prevents different series from using the same color, preserving readability.

A side-by-side comparison of the color override and palette override dropdown panels.

Accessibility settings

Datadog offers accessible color modes for graphs to cater to visual needs, including color vision deficiency, low visual acuity, and contrast sensitivity. Selecting an accessible color mode renders all graphs with the Classic palette in a set of accessible colors catered to a specific vision need. You can set an accessible color mode from the User Preferences page.

Available visual accessibility options: Default, protanopia (difficulty distinguishing greens and reds), deuteranopia (difficulty distinguishing between reds, greens, and yellows), tritanopia (difficulty distinguishing blues and greens), high contrast (increased separation between colors for lower visual acuity), low saturation (decreased contrast for visual contrast sensitivity).
PREVIEWING: rtrieu/product-analytics-ui-changes