Skip to content

New: Chartory 1.0. 100 charts free in React, MIT licensed

Read the changelog

Charts / Glossary

Gridline

A chart word, with the charts that use it.

Definition

A gridline is a faint line across the plot at each tick, so values read without a ruler. It sits behind the marks and never competes with them.

Updated Nov 2, 2026

P95 latency, us-eastP95 time to first token in us-east, hourly over the last 24 hours: 1.30 s now, peak 1.45 s, low 0.85 s.1.8 S1.2 S0.6 S000:0006:0012:0018:00NOW
P95 latency, us-east
HourP95
00:000.90 s
01:001.10 s
02:000.95 s
03:001.20 s
04:000.85 s
05:001.00 s
06:001.30 s
07:001.05 s
08:001.15 s
09:000.90 s
10:001.25 s
11:001.40 s
12:001.10 s
13:001.00 s
14:001.35 s
15:001.20 s
16:000.95 s
17:001.10 s
18:001.45 s
19:001.15 s
20:001.05 s
21:001.30 s
22:001.20 s
Now1.30 s
P95 latency, us-eastP95 time to first token in us-east, hourly over the last 24 hours: 1.30 s now, peak 1.45 s, low 0.85 s.1.8 S1.2 S0.6 S000:0006:0012:0018:00NOW
P95 latency, us-east
HourP95
00:000.90 s
01:001.10 s
02:000.95 s
03:001.20 s
04:000.85 s
05:001.00 s
06:001.30 s
07:001.05 s
08:001.15 s
09:000.90 s
10:001.25 s
11:001.40 s
12:001.10 s
13:001.00 s
14:001.35 s
15:001.20 s
16:000.95 s
17:001.10 s
18:001.45 s
19:001.15 s
20:001.05 s
21:001.30 s
22:001.20 s
Now1.30 s
  1. 01A gridlineA faint line at each value tick.
  2. 02The marks in frontThe data stays on top of the grid.

Where you see it

  • Monthly card spendCard spend by month, January to September, in $K. September (month to date) is 40K; the highest month is July at 71K.48KJAN52KFEB61KMAR57KAPR66KMAY59KJUN71KJUL68KAUG40KSEPMONTH TO DATECLOSED MONTHS
    Monthly card spend
    MonthSpend
    JAN$48K
    FEB$52K
    MAR$61K
    APR$57K
    MAY$66K
    JUN$59K
    JUL$71K
    AUG$68K
    SEP$40K
    Monthly card spendCard spend by month, January to September, in $K. September (month to date) is 40K; the highest month is July at 71K.48KJAN52K61KMAR57K66KMAY59K71KJUL68K40KSEPMONTH TO DATECLOSED MONTHS
    Monthly card spend
    MonthSpend
    JAN$48K
    FEB$52K
    MAR$61K
    APR$57K
    MAY$66K
    JUN$59K
    JUL$71K
    AUG$68K
    SEP$40K

    001 · BarsCompare items · Fintech data

  • P95 latency, us-eastP95 time to first token in us-east, hourly over the last 24 hours: 1.30 s now, peak 1.45 s, low 0.85 s.1.8 S1.2 S0.6 S000:0006:0012:0018:00NOW
    P95 latency, us-east
    HourP95
    00:000.90 s
    01:001.10 s
    02:000.95 s
    03:001.20 s
    04:000.85 s
    05:001.00 s
    06:001.30 s
    07:001.05 s
    08:001.15 s
    09:000.90 s
    10:001.25 s
    11:001.40 s
    12:001.10 s
    13:001.00 s
    14:001.35 s
    15:001.20 s
    16:000.95 s
    17:001.10 s
    18:001.45 s
    19:001.15 s
    20:001.05 s
    21:001.30 s
    22:001.20 s
    Now1.30 s
    P95 latency, us-eastP95 time to first token in us-east, hourly over the last 24 hours: 1.30 s now, peak 1.45 s, low 0.85 s.1.8 S1.2 S0.6 S000:0006:0012:0018:00NOW
    P95 latency, us-east
    HourP95
    00:000.90 s
    01:001.10 s
    02:000.95 s
    03:001.20 s
    04:000.85 s
    05:001.00 s
    06:001.30 s
    07:001.05 s
    08:001.15 s
    09:000.90 s
    10:001.25 s
    11:001.40 s
    12:001.10 s
    13:001.00 s
    14:001.35 s
    15:001.20 s
    16:000.95 s
    17:001.10 s
    18:001.45 s
    19:001.15 s
    20:001.05 s
    21:001.30 s
    22:001.20 s
    Now1.30 s

    010 · LineChange over time · AI data

Common mistakes

Gridlines as strong as the data

Heavy grids hide the marks. Keep them faint.

A gridline at every tiny step

A few round values are enough.

Questions

Does every chart need gridlines?

No. Charts that label each mark can drop them.

Should the zero line look different?

Yes, on diverging charts: draw it stronger than the grid.

In the kit

Bars, line 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