Area Charts

Area chart variations built with @ramtt/charts primitives

ChartArea + ChartLine + ChartTooltip + ChartGrid

Area Chart - Interactive

Showing total visitors for the selected period

Desktop

26,683

Mobile

10,571

ChartArea + ChartLine + ChartTooltip

Area Chart

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
ChartArea + ChartLine (curve=linear) + ChartTooltip

Area Chart - Linear

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
ChartArea + ChartLine (curve=step) + ChartTooltip

Area Chart - Step

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
ChartArea + ChartLine + Legend

Area Chart - Legend

Showing total visitors for the last 6 months

Desktop
Mobile
Trending up by 5.2% this month
January - June 2024
ChartArea + stackSeries + ChartTooltip

Area Chart - Stacked

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
ChartArea + stackSeries (normalized) + ChartTooltip

Area Chart - Stacked Expanded

Showing percentage of visitors by device

Trending up by 5.2% this month
January - June 2024
ChartArea (opacityFrom=0.3) + ChartTooltip

Area Chart - Gradient

Showing total visitors for the last 6 months

Trending up by 5.2% this month
January - June 2024
ChartArea + ChartAxisX + ChartAxisY + ChartTooltip

Area Chart - Axes

Showing total visitors with Y-axis and tooltip

Trending up by 5.2% this month
January - June 2024