The chart and its legend should always have seven colors, two base colors, two tints of each base color, and one neutral color. These tints can be determined by each implementing team, but they should be based off of existing color constants from the visualization palette.
For example, when representing valuation, use $mds-visualization-color-valuation-under and $mds-visualization-color-valuation-over as the base colors for each color set, then tint those colors to create the two necessary tints (i.e., 100% [base color], 66% [tint 1] and 33% [tint 2]). Use $mds-visualization-color-valuation-fair to represent the central, neutral value.
Geographical maps will resize to fill the available space until they reach a width of 320px.
The legend’s width is fixed and decreases at a component width of 320px.
Include the unit or increment in legend labels.
Strive for a short, succinct label header for the chart which clearly describes the data.