Nevron Logo

Scales, Axes, and Walls

Area Series

An area chart is a data visualization tool that shows how the numerical values of one or more groups change over time by using a sequence of points connected by a line. In contrast to a line chart, the area chart will fill the space between the value line(s) and a specified baseline with shade or color. Area charts are commonly used to display the data trend over time, like line charts. Stacked Area and Stacked Percent charts can be used to show how a whole is divided into portions, each represented by a different color, or to compare the relative sizes of several groups.

Sample Table Format

YearSalesExpensesProfit
2015$100$70$30
2016$120$80$40
2017$150$90$60
2018$180$100$80

The sample data represents a company's sales, expenses, and profit figures over four years, from 2015 to 2018. The sales figures increase each year, indicating a growing business. Similarly, expenses and profits also increase over time, with profits showing a positive trend throughout the years. This data can be visualized using an area chart, with the shaded area representing the difference between the sales and expenses and the line representing the profit. The chart can provide insights into the business's overall performance and how each factor contributes to its success or failure.

Best Practices for Using Area Charts

Include a zero-baseline
It is a good practice to have a zero baseline when using shading in a line chart or an area chart, as this allows for an accurate comparison of the sizes of each group's values. Without a zero baseline, the group values ratio may not match what is shown in the plot. While it is generally recommended to have a zero baseline in a shaded area chart to compare the sizes of different groups accurately, there are some exceptions. For instance, when comparing two series in an overlapping area chart, limiting the shading to the area between the lines instead of extending to a common baseline allows for zooming the vertical axis limits into the area of interest without requiring a baseline. In such cases, the shading represents which group has a higher value, and the color's intensity indicates the difference's magnitude.

Limit the number of series in overlapping area chart
As the number of series increases in an overlapping area chart, the number of color combinations also increases. This can make it challenging to interpret the chart, as most colors will only be associated with one group. When comparing two series in an overlapping area chart, it is easy to mistake it for a stacked area plot if one series is consistently larger. The overlapping colors can also confuse readers, as they are not included in the general legend. It is best to limit overlapping area charts to only two series and consider using a line chart to show the comparison between groups more clearly.

Consider the order of areas in the stacked area chart
The sequence in which the areas of different groups are arranged for plotting does not change the shape of a plot, but it can affect visualization reading. Placing the largest or most stable groups at the bottom and the smallest or most variable groups at the top can improve readability. This makes the most important group easily distinguishable as the bottom-most.