Skip to content

Charts / Compare

Histogram vs box plot

Two ways to show a spread.

Short answer

Use a histogram to see the full shape of one group: where values pile up and how long the tail is. Use a box plot to compare the spread of several groups side by side in five numbers each.

Updated Nov 2, 2026 · AI sample data

Response times, histogram4,000 requests to four models in 50 ms bins from 0 to 900 ms; 22 took longer than 900 ms.60040020000300 MS600 MS900 MS0 TO 900 MSOVER 900 MS
Response times, histogram
Response timeRequests
0–50 ms1
50–100 ms65
100–150 ms270
150–200 ms450
200–250 ms591
250–300 ms577
300–350 ms513
350–400 ms414
400–450 ms321
450–500 ms211
500–550 ms180
550–600 ms135
600–650 ms101
650–700 ms47
700–750 ms35
750–800 ms32
800–850 ms23
850–900 ms12
Over 900 ms22

006 · HistogramAll 4,000 requests in 50 ms bins: one shape, one tail.

Response times by model, box plotResponse times of four models, 1,000 requests each, in ms: Atlas 3 median 257, middle half 195–336; Kite 2 median 311, middle half 242–406; Orion median 414, middle half 329–531; Nova median 234, middle half 162–344.1,0007505002500ATLAS 3KITE 2ORIONNOVAMIDDLE 50%MEDIANRANGE
Response times by model, box plot
ModelMinQ1MedianQ3Max
Atlas 357195257336711
Kite 296242311406768
Orion116329414531936
Nova48162234344844

043 · Box plotThe same requests split by model, five numbers each.

Same 4,000 requests

The histogram shows the overall shape and the slow tail. The box plot gives up the shape to compare the four models' medians and middle halves at a glance.

If you ask

HistogramBox plot
AnswersHow values spread in one groupHow spreads compare between groups
ShowsBars per range of valuesA box, a median and whiskers per group
Best whenOne group, thousands of valuesSeveral groups
Avoid whenComparing many groupsThe shape has two peaks
Data shapeMany values, in binsFive numbers per group, plus outliers

Common mistakes

Histogram

Too few bins.The peak flattens into a block.

Groups overlaid.Overlapping histograms hide each other; use a box plot or ridgeline.

Box plot

A box for a few values.With few values, show the points.

Two peaks hidden.A box can't show two peaks; check the histogram first.

Other ways to show it

  • Response length by modelDistribution of response length in tokens for 5 models: ATLAS 3 peaks near 540, KITE 2 peaks near 380, ORION peaks near 900, VEGA peaks near 260, NOVA peaks near 620; ATLAS 3, ORION and VEGA have a second, smaller peak.ATLAS 3KITE 2ORIONVEGANOVA05001K2K TOKENS
    Response length by model
    ModelPeak (tokens)Spread (tokens)Weight
    ATLAS 35401801
    ATLAS 312502200.35
    KITE 23801401
    ORION9003001
    ORION16002000.4
    VEGA260901
    VEGA7001600.25
    NOVA6202401
    Response length by modelDistribution of response length in tokens for 5 models: ATLAS 3 peaks near 540, KITE 2 peaks near 380, ORION peaks near 900, VEGA peaks near 260, NOVA peaks near 620; ATLAS 3, ORION and VEGA have a second, smaller peak.ATLAS 3KITE 2ORIONVEGANOVA05001K1.5K
    Response length by model
    ModelPeak (tokens)Spread (tokens)Weight
    ATLAS 35401801
    ATLAS 312502200.35
    KITE 23801401
    ORION9003001
    ORION16002000.4
    VEGA260901
    VEGA7001600.25
    NOVA6202401

    055 · RidgelineDistribution · AI data

  • Payout time by railPayout time in days for 6 rails over the last 30 days: Instant card pays out in 0.1 to 0.4 days, Cheque in 4.0 to 7.5 days.02 D4 D6 D8 DInstant card0.10.4SEPA0.81.6ACH1.22.6Wire0.51.4Cross-border2.24.8Cheque4.07.5
    Payout time by rail
    RailFastest (days)Slowest (days)Sample payouts
    Instant card0.10.49
    SEPA0.81.69
    ACH1.22.69
    Wire0.51.49
    Cross-border2.24.89
    Cheque4.07.59
    Payout time by railPayout time in days for 6 rails over the last 30 days: Instant card pays out in 0.1 to 0.4 days, Cheque in 4.0 to 7.5 days.02 D4 D6 D8 DInstant card0.10.4SEPA0.81.6ACH1.22.6Wire0.51.4Cross-border2.24.8Cheque4.07.5
    Payout time by rail
    RailFastest (days)Slowest (days)Sample payouts
    Instant card0.10.49
    SEPA0.81.69
    ACH1.22.69
    Wire0.51.49
    Cross-border2.24.89
    Cheque4.07.59

    033 · Dot stripDistribution · Fintech data

  • On-time rate by carrierOn-time delivery over 30 days with 95% confidence intervals against the 95% SLA: 2 of 6 carriers are above it (Nordline, Rapida), 1 below (Lumen Post 89.8%), the rest uncertain.85%90%SLA 95%100%NordlineRapidaParceloSwift EUCargo OneLumen PostABOVE SLAUNCERTAINBELOW SLA
    On-time rate by carrier
    CarrierOn-timeLow (95%)High (95%)
    Nordline97.2%96.4%98%
    Rapida96.4%95.7%97.1%
    Parcelo95.8%94.1%97.5%
    Swift EU94.1%92.8%95.4%
    Cargo One92.6%90.2%95%
    Lumen Post89.8%86.5%93.1%
    On-time rate by carrierOn-time delivery over 30 days with 95% confidence intervals against the 95% SLA: 2 of 6 carriers are above it (Nordline, Rapida), 1 below (Lumen Post 89.8%), the rest uncertain.85%90%SLA 95%100%NordlineRapidaParceloSwift EUCargo OneLumen PostABOVE SLAUNCERTAINBELOW SLA
    On-time rate by carrier
    CarrierOn-timeLow (95%)High (95%)
    Nordline97.2%96.4%98%
    Rapida96.4%95.7%97.1%
    Parcelo95.8%94.1%97.5%
    Swift EU94.1%92.8%95.4%
    Cargo One92.6%90.2%95%
    Lumen Post89.8%86.5%93.1%

    050 · Dot plot with intervalsDistribution · Logistics data

Get both

Histogram, box plot and the other 130 types.

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

006 · Histogram type page043 · Box plot type page

See plans

Questions

Can a box plot show the mean?

It shows the median; add the mean as a mark if you need it.

What counts as an outlier?

Usually a value more than 1.5 times the box's height beyond the box.

Do both come in every size?

Yes. Histogram and Box plot come in XS, S, M and L, each laid out again for its size, in light and dark.

Do they install the same way?

Yes, one command each: npx shadcn add @chartory/histogram and npx shadcn add @chartory/box-plot.

Still not sure? Start from what the chart has to show.

Open the Chart Chooser