взять займ онлайн

How to Design Area Charts

Create engaging content for free

In our Data Visualization 101 series, we cover each chart type to help you sharpen your data visualization skills.

For a general data refresher, start here.

Like the mountains that they resemble, area charts are a representation of change over time. Whether you’re looking to chart net earnings for individual departments month to month or examining the popularity of music genres since the ‘50s, there are few chart types that communicate time-series relationships so well. Let’s see how area charts can work for you.

Area Chart


Google’s music timeline uses an area chart to show the popularity of difference genres. 

What’s an Area Chart?

Area charts depict a time-series relationship. But unlike line charts, they can also visually represent volume. Information is graphed on two axes, using data points connected by line segments. The area between the axis and this line is commonly emphasized with color or shading for legibility. Most often area charts compare two or more categories.

The History

If you’ve read the other installments in this series, you’ll know William Playfair was a major innovator in data visualization, inventing the pie chart, the bar chart, and, yes, the area chart.

Playfair Area Graph

The “Commercial and Political Atlas of 1786” featured the first area chart.

When to Use an Area Chart

Area charts are perfect when communicating the overall trend, as opposed to the individual values. Use a stacked area chart for multiple data series with part-to-whole relationships or for cumulative series of values.

There are three main variations on this chart, and each has its best use, depending on the situation.

Standard Area Chart: This is best used to show or compare a quantitative progression over time. In cases where many data series are to be graphed, a line chart is usually a more legible choice. (See the solution for hidden data points in our design tips below.)

Area Chart

Stacked Area Chart: This is best used to visualize part-to-whole relationships, helping show how each category contributes to the cumulative total.

Stacked Area Chart

100% Stacked Area Chart: This is best used to show distribution of categories as parts of a whole, where the cumulative total is unimportant.

100% Stacked Area Chart

Tips for Creating Area Charts

Area charts are increasingly popular, but without proper design they can be difficult to decipher. Make sure you are always following best practices.

1) Make It Easy to Read

Area Chart

In stacked area charts, arrange data to position categories with highly variable data on the top of the chart and low variability on the bottom.

2) Use Transparent Colors

Area Chart 2

In standard area charts, ensure data isn’t obscured in the background. Order thoughtfully and use transparency.

3) Start Y-Axis Value at 0

Area Chart 2Starting the axis above zero truncates the visualization of values.

Want more? Read up on the pie chart, bar chart, and line chart.