Guidelines

Use When

• Representing information compared against other information, particularly data with long labels.

Don′t Use When

• Representing trend. Instead, use a Line chart or a Time-Series Line chart.
• Comparing information over time. Instead, use a Vertical Bar chart, Line chart or Time-Series Line chart.
• Comparing proportions that total to 100%. Instead, use a Donut chart.

Visual Language

• Never use colors other than those defined in the visualization palette.
• Always use the relevant color orders and meanings from the visualization palette.

Responsiveness

• At container sizes of 400px or less, the number of x-axis values and grid lines reduces.

Editorial

• Strive for short, succinct axis labels and legend items that clearly describe the data.
• Include the unit or increment in axis labels.

Code Reference

Necessary code documentation can be found in the MBC repository.