Bar chart design tips

tl;drMost bar charts look "made by software" because they accept every default. A few small overrides — typography, single color, generous whitespace, headline title — make the chart look considered without changing the data.

Typography is half the chart

The default font in most chart tools is sans-serif at 11px. It works, but it's anonymous. A serif font for the title, with the body in a clean sans, gives a chart immediate visual identity. Set hierarchy with size, not bold — title large, axis labels small, data labels even smaller.

Whitespace beats decoration

A chart with generous margins and a single bold title looks more considered than one with the same data and a busy frame. Strip the chart border, kill the chart background, leave plenty of margin. Negative space is part of the design.

Color is a tool, not a default

One color is the default. Two colors when you want to highlight. Three or more colors only when categories are genuinely distinct (and ordered or unordered semantics demand it). Avoid the chart tool's default palette — pick colors that match the document the chart will live in.

Make this chart on makebarchart.com.

Open the maker

Labels: less is more

Don't label every bar with its exact value if the axis is doing the same job. Don't label the axis "Value" — the title already tells you what the value is. Label only what helps the reader extract the message faster.

Hierarchy: title → chart → footnote

Title is biggest, in the document's strongest typeface. Chart sits below in neutral typography. Source / methodology / sample-size footnotes go below the chart in small, low-contrast text. The reader's eye should travel exactly that path.

A small contrast trick

In a one-color chart, change the color of just the headline bar (the one your title talks about). The reader's eye lands on it before they finish reading the title. It's a subtle but powerful nudge.