Skip to content

Charts / Glossary

Area

A chart word, with the charts that use it.

Definition

An area is the filled space under a line, read for volume over time. The fill makes the amount visible, not only the direction, so an area chart suits balances, prices and volumes.

Updated Nov 2, 2026

Daily closeDaily close from Sep 10 to Oct 9: from 3,211 to 3,412.3.5K3.4K3.3K3.2KSEP 10SEP 17SEP 24OCT 1OCT 9
Daily close
DayClose
Sep 103,211
Sep 113,231
Sep 123,224
Sep 133,214
Sep 143,226
Sep 153,229
Sep 163,224
Sep 173,237
Sep 183,250
Sep 193,254
Sep 203,263
Sep 213,271
Sep 223,287
Sep 233,278
Sep 243,275
Sep 253,286
Sep 263,296
Sep 273,279
Sep 283,289
Sep 293,290
Sep 303,310
Oct 13,325
Oct 23,311
Oct 33,314
Oct 43,334
Oct 53,344
Oct 63,352
Oct 73,357
Oct 83,376
Oct 93,412
Daily closeDaily close from Sep 10 to Oct 9: from 3,211 to 3,412.3.5K3.4K3.3K3.2KSEP 10SEP 24OCT 1OCT 9
Daily close
DayClose
Sep 103,211
Sep 113,231
Sep 123,224
Sep 133,214
Sep 143,226
Sep 153,229
Sep 163,224
Sep 173,237
Sep 183,250
Sep 193,254
Sep 203,263
Sep 213,271
Sep 223,287
Sep 233,278
Sep 243,275
Sep 253,286
Sep 263,296
Sep 273,279
Sep 283,289
Sep 293,290
Sep 303,310
Oct 13,325
Oct 23,311
Oct 33,314
Oct 43,334
Oct 53,344
Oct 63,352
Oct 73,357
Oct 83,376
Oct 93,412
  1. 01The lineThe value at each point, joined left to right.
  2. 02The areaThe fill under the line, read as the amount.

Where you see it

  • Daily closeDaily close from Sep 10 to Oct 9: from 3,211 to 3,412.3.5K3.4K3.3K3.2KSEP 10SEP 17SEP 24OCT 1OCT 9
    Daily close
    DayClose
    Sep 103,211
    Sep 113,231
    Sep 123,224
    Sep 133,214
    Sep 143,226
    Sep 153,229
    Sep 163,224
    Sep 173,237
    Sep 183,250
    Sep 193,254
    Sep 203,263
    Sep 213,271
    Sep 223,287
    Sep 233,278
    Sep 243,275
    Sep 253,286
    Sep 263,296
    Sep 273,279
    Sep 283,289
    Sep 293,290
    Sep 303,310
    Oct 13,325
    Oct 23,311
    Oct 33,314
    Oct 43,334
    Oct 53,344
    Oct 63,352
    Oct 73,357
    Oct 83,376
    Oct 93,412
    Daily closeDaily close from Sep 10 to Oct 9: from 3,211 to 3,412.3.5K3.4K3.3K3.2KSEP 10SEP 24OCT 1OCT 9
    Daily close
    DayClose
    Sep 103,211
    Sep 113,231
    Sep 123,224
    Sep 133,214
    Sep 143,226
    Sep 153,229
    Sep 163,224
    Sep 173,237
    Sep 183,250
    Sep 193,254
    Sep 203,263
    Sep 213,271
    Sep 223,287
    Sep 233,278
    Sep 243,275
    Sep 253,286
    Sep 263,296
    Sep 273,279
    Sep 283,289
    Sep 293,290
    Sep 303,310
    Oct 13,325
    Oct 23,311
    Oct 33,314
    Oct 43,334
    Oct 53,344
    Oct 63,352
    Oct 73,357
    Oct 83,376
    Oct 93,412

    011 · AreaChange over time · Crypto data

  • Volume by venueDaily spot volume per venue in $M, Sep 10 to Oct 9; on Oct 9: Northgate $455M, Tidepool $326M, Ardent DEX $108M.600M400M200M0SEP 10SEP 20SEP 30OCT 9NORTHGATETIDEPOOLARDENT DEX
    Volume by venue
    DayNorthgate ($M)Tidepool ($M)Ardent DEX ($M)
    Sep 10384273118
    Sep 11404250137
    Sep 12392264128
    Sep 13397248138
    Sep 14365257133
    Sep 15396266148
    Sep 16372295143
    Sep 17400322127
    Sep 18432353114
    Sep 1947033391
    Sep 2048535685
    Sep 2144132698
    Sep 2243430994
    Sep 2340631077
    Sep 2438729167
    Sep 2535032567
    Sep 2634733687
    Sep 2732132660
    Sep 2833934480
    Sep 29380372108
    Sep 3039333989
    Oct 1375360106
    Oct 2407369114
    Oct 3395380103
    Oct 439038096
    Oct 5434380122
    Oct 645638095
    Oct 7433364112
    Oct 841735793
    Oct 9455326108
    Volume by venueDaily spot volume per venue in $M, Sep 10 to Oct 9; on Oct 9: Northgate $455M, Tidepool $326M, Ardent DEX $108M.600M400M200M0SEP 10SEP 20SEP 30OCT 9NORTHGATETIDEPOOLARDENT DEX
    Volume by venue
    DayNorthgate ($M)Tidepool ($M)Ardent DEX ($M)
    Sep 10384273118
    Sep 11404250137
    Sep 12392264128
    Sep 13397248138
    Sep 14365257133
    Sep 15396266148
    Sep 16372295143
    Sep 17400322127
    Sep 18432353114
    Sep 1947033391
    Sep 2048535685
    Sep 2144132698
    Sep 2243430994
    Sep 2340631077
    Sep 2438729167
    Sep 2535032567
    Sep 2634733687
    Sep 2732132660
    Sep 2833934480
    Sep 29380372108
    Sep 3039333989
    Oct 1375360106
    Oct 2407369114
    Oct 3395380103
    Oct 439038096
    Oct 5434380122
    Oct 645638095
    Oct 7433364112
    Oct 841735793
    Oct 9455326108

    013 · Overlapping areasChange over time · Crypto data

  • Shipments by modeMonthly shipments in K by mode, 2026, stacked around a centre line; October: 47K in total (Road 23K, Sea 10K, Rail 8K, Air 6K).ROAD46%SEA28%RAIL16%OCT · 47KJANAPRJULOCTDEC
    Shipments by mode
    MonthRoad (K)Sea (K)Rail (K)Air (K)
    Jan14962
    Feb13862
    Mar161073
    Apr191283
    May221584
    Jun241774
    Jul231964
    Aug211864
    Sep221585
    Oct231086
    Nov3010910
    Dec279812
    Shipments by modeMonthly shipments in K by mode, 2026, stacked around a centre line; October: 47K in total (Road 23K, Sea 10K, Rail 8K, Air 6K).ROAD46%SEA28%RAIL16%OCT · 47KJANAPRJULOCTDEC
    Shipments by mode
    MonthRoad (K)Sea (K)Rail (K)Air (K)
    Jan14962
    Feb13862
    Mar161073
    Apr191283
    May221584
    Jun241774
    Jul231964
    Aug211864
    Sep221585
    Oct231086
    Nov3010910
    Dec279812

    014 · StreamgraphChange over time · Logistics data

Common mistakes

Several areas on top of each other

Solid fills hide the series behind them. Use see-through fills, or lines.

An area for a rate

A fill reads as an amount. For a rate or a latency, a plain line says it better.

Questions

When is an area better than a line?

When the amount matters, not only the direction: a balance, a price, a volume.

Does an area have to start at zero?

For amounts, yes. For prices it can fit the range, as long as the axis shows where it starts.

In the kit

Area, overlapping areas, streamgraph and the other types.

In Figma and React, in four sizes, light and dark. Pay once, every update.

See plans

Every chart word, A to Z.

Open the glossary