Charts

The AER has professional graphic designers on staff. You can reach them by emailing Design.Services@aer.ca.

Some general principles for chart design can be had in a number of places:

  • Wong, Donna M. The Wall Street Journal Guide to Information Graphics: The Dos & Don’ts of Presenting Data, Facts, and Figures. New York: W. W. Norton and Company, 2010.
  • Google’s guide to data visualization

General Guidelines

  1. Avoid running type vertically or on an angle. If necessary, run vertical type up the chart from bottom to top.

    Left: Horizontal axis label (preferred); Right: Vertical axis label

    Left: Horizontal axis label (preferred); Right: Vertical axis label

  1. Avoid all caps and ending a line with a hyphen.

  2. In most cases the x-axis should start at zero.

  3. Where possible label directly on or beside chart elements with black text. When there are many items, place the legend at the bottom of the figure left aligned to the y-axis.

  4. Ensure high contrast in values to distinguish chart elements. Do not use crosshatching or other stylistic elements to distinguish categories.

  5. Y-axis scale should be chosen so that the graph occupies roughly two-thirds of the chart area. Use increments people naturally use when counting such as 0, 5, 10, 15, 20, etc.

  6. Use comparable scales when contrasting two or more sets of data in different ranges. The ranges of y-axis on both charts should represent the same percentage change.

    The range of both charts is a 25% increase (20 to 25 and 100 to 125)

    The range of both charts is a 25% increase (20 to 25 and 100 to 125)

  1. Do not use three-dimensional charts, they easily misrepresent data and are hard to read accurately.

  2. When colouring charts generally colour as gradients from light to dark or dark to light. Do not alternate.

    Gradients should go in one direction and not alternate

    Gradients should go in one direction and not alternate

  1. Label items directly only when there are two or fewer categories. Otherwise, use a legend.

    Only label items directly when there are one or two categories. With more, use a legend.

    Only label items directly when there are one or two categories. With more, use a legend.

Line Charts

  1. Use line charts for continuous data.

  2. Keep line charts to four or fewer lines. With more, use an array of charts so that each line is clear.

  3. In colour charts the most important line should be one colour and the rest of the lines should be shades/tints of a second colour.

  4. In black and white charts, the darkest plotted line should represent the most important data series.

  5. A grey background can be used to identify the estimated values or negative zone.

Bar Charts

  1. Use bar charts for discrete quantities.

  2. Bar charts always start at 0 baseline.

  3. Always label the value of a bar if it is close to zero.

  4. Width of the bars should be about twice the width of the space between the bars.

  5. Bars in a single chart should be the same colour and shade since they measure the same variable.

  6. Don’t use multiple colours to represent the same kind of data.

  7. Don’t use red for positive numbers in a bar chart.

  8. Don’t use different colours or colours on the opposite side of the colour wheel in a multiple-bar chart. The colour contrast distracts the reader from the data.

  9. Colour lightest to darkest for bar charts with multiple categories and order legend items in the same sequence they appear in.

    Colour order in bar charts

    Colour order in bar charts

  1. If the data points are close in value and hard to tell apart, try plotting in percentage change.

Horizontal Bar Charts

  1. Use when ranking items by the same characteristic.

  2. Avoid grid lines and scale, instead label at the end of each bar.

  3. For a long list of bars, label the data points flush right and use thin rules every 3 to 5 items to help read across.

  4. Order largest to smallest or vice versa.

  5. A specific bar can be highlighted with a different shade to draw attention to important data.

Pie Charts

  1. In general pie charts should be avoided. Only use pie charts if the total adds up to something of significance such as a target value.

  2. Order the segments by placing the largest segment at 12 o’clock on the right. Order the rest of the segments by placing the second biggest slice at 12 o’clock on the left; the rest would follow counterclockwise the smallest slice falling near the bottom of the chart.

  3. A donut pie chart can be used to display the total value inside the pie.

  1. Don’t use a pie chart with more than five segments. If there are more than five, combine the smaller and less significant segments to create the fifth slice and label it “other”. Alternatively use a stacked bar chart instead.

  2. Label percentage values. If a segment is too small, use a line attached to the slice and label the line.

  3. Never pullout a segment of pie to highlight, use a colour or high contrast value instead.

  4. Keep the shading simple but use different shading or colour to highlight one or two important segments.

  5. Never breakdown one segment of a pie by showing another pie. Always use a bar chart instead of another pie.