How to Create an Area Chart

Data Format

One row per data point, same as a line chart.

XY
Jan2.8
Feb3.1
Mar3
Apr3.4
  • X (required): position along the horizontal axis, a category name or a number.
  • Y (required, numeric): the value plotted at that point, and the height of the shaded area below it.

Add a second Y column to shade a second series. Column headers become the legend labels once there are two or more.

Chart Elements

An area chart uses the same style panel as a line chart, see the Line Chart guide for the line, point labels, axes, gridlines, axis labels, and legend. What's different:

Area Fill

The shaded region under the line. Visible by default here, a plain line chart starts with this turned off.

  • Color - one row per series, defaults to the same color as its line unless overridden.

The Smooth curve toggle in the Line section affects the area's curve too, both follow the same setting.

Ready to Build Your Own?