Documentation Index
Fetch the complete documentation index at: https://docs.graphext.com/llms.txt
Use this file to discover all available pages before exploring further.
Area Charts behave a lot like line charts and bar charts combined. While at first glance
they can feel quite similar to a curved line chart, they are better suited to show
differences between distributions of data rather than trend evolution.
For example, in this dataset, we have a list of transactions that can either be
Income or Expenses.
Making an area chart gives a visual perspective of what the net benefit (income - expenses) is,
by visually subtracting the blue area to the orange one. Check it out live here.
In Graphext, you have 4 subtypes of line charts to choose from:
- Simple Area Charts
- Stacked Area Charts
- Stacked Relative Area Charts
- Segmented Area Charts
Simple Area Chart
Old classic area chart, two variables to rule them all.
Stacked Area Charts
As exposed in the example above, multiple area charts allow for very easy comparison
of distributions.
Stacked Relative Area Charts
Staked Relative area charts normalize all their values to add up to 1. This fills the
whole Y scale, and tells you the percentage each X value occupies out of the total.
This example is the same one as above but now stretched to fill
the whole 100% range. Now we can appreciate how much each season contributes to the
overall yearly temperature in relative terms.
Segmented Area Charts
Segmented area charts behave in much the same way as Segmented Line charts do.
You get a different plot for each category displayed.
This example is the same as the one in the beginning, but separating each Wage
bracket into its own little plot.
Customizing Area Charts
Color
Color customization for area charts works in the same way as with any chart.
You can learn more here: Customizing colors in a chart.
Interpolation
Interpolation customization for area charts works in the same way as line charts. You can
learn more here: Customizing interpolation for line charts.
