Grouped horizontal bar chart.png

Gridlines

All bar charts should have a zero line and standard gridlines, even if labelled directly (to aid users in scanning the bars).

Spacing

Bar should always be evenly spaced

Bar width	Gap between bars
28px	14px

Labelling

Direct labelling

For two groups, horizontal bar charts should be directly labelled with the data value.

For three or more groups, there isn’t enough room for direct labelling.

Direct data labels should align to the end of the bar on the inside where possible, outside where not. This can be on the right end if positive value, or on the left end if negative value.

Inside bar = white text, no shadows
Outside bar = black (#222222) text, no shadows

Bars

No transparency – bars should be fully opaque.

The bars should not have rounded corners.