Skip to content

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

Read the changelog

Charts / Glossary

Range

A chart word, with the charts that use it.

Definition

A range is the span between a low and a high value, drawn as one bar or one line. It shows a window, a spread or a gap.

Updated Nov 2, 2026

Price watchOur price is lower than the rival's on 4 of 6 products; the widest gaps are −$10 (Trail runner, Fleece mid) and +$7 (Rain shell).$0$50$100$150$200Trail runner−$10Rain shell+$7Fleece mid−$10Daypack 20L−$5Wool beanie+$5Hiking pole−$6
Price watch
ProductOur priceRival priceGap
Trail runner$129$139−$10
Rain shell$179$172+$7
Fleece mid$79$89−$10
Daypack 20L$64$69−$5
Wool beanie$29$24+$5
Hiking pole$49$55−$6
Price watchOur price is lower than the rival's on 4 of 6 products; the widest gaps are −$10 (Trail runner, Fleece mid) and +$7 (Rain shell).$0$50$100$200Trail runner−$10Rain shell+$7Fleece mid−$10Daypack 20L−$5Wool beanie+$5Hiking pole−$6
Price watch
ProductOur priceRival priceGap
Trail runner$129$139−$10
Rain shell$179$172+$7
Fleece mid$79$89−$10
Daypack 20L$64$69−$5
Wool beanie$29$24+$5
Hiking pole$49$55−$6
  1. 01Two valuesOur price and the rival's, one dot each.
  2. 02The range betweenThe bar joining them is the gap.

Where you see it

  • Delivery windows by routeDelivery window per route (earliest to latest arrival, with the median), 8 routes; 2 routes start at or after the 10:30 SLA; R8 runs 12:00 to 17:00.18:0014:0010:0006:00R1R2R3R4R5R6R7R8WITHIN SLAOVER SLA
    Delivery windows by route
    RouteEarliestLatestMedianSLA
    R108:0011:0009:30Within
    R209:0013:0011:00Within
    R307:3010:0008:30Within
    R410:0015:0012:30Within
    R508:0012:0010:00Within
    R611:0016:0013:00Over
    R709:0012:0010:30Within
    R812:0017:0014:00Over
    Delivery windows by routeDelivery window per route (earliest to latest arrival, with the median), 8 routes; 2 routes start at or after the 10:30 SLA; R8 runs 12:00 to 17:00.18:0014:0010:0006:00R1R3R5R8WITHIN SLAOVER SLA
    Delivery windows by route
    RouteEarliestLatestMedianSLA
    R108:0011:0009:30Within
    R209:0013:0011:00Within
    R307:3010:0008:30Within
    R410:0015:0012:30Within
    R508:0012:0010:00Within
    R611:0016:0013:00Over
    R709:0012:0010:30Within
    R812:0017:0014:00Over

    005 · Floating range barsDistribution · Logistics data

  • Price watchOur price is lower than the rival's on 4 of 6 products; the widest gaps are −$10 (Trail runner, Fleece mid) and +$7 (Rain shell).$0$50$100$150$200Trail runner−$10Rain shell+$7Fleece mid−$10Daypack 20L−$5Wool beanie+$5Hiking pole−$6OUR PRICERIVAL PRICE
    Price watch
    ProductOur priceRival priceGap
    Trail runner$129$139−$10
    Rain shell$179$172+$7
    Fleece mid$79$89−$10
    Daypack 20L$64$69−$5
    Wool beanie$29$24+$5
    Hiking pole$49$55−$6
    Price watchOur price is lower than the rival's on 4 of 6 products; the widest gaps are −$10 (Trail runner, Fleece mid) and +$7 (Rain shell).$0$50$100$200Trail runner−$10Rain shell+$7Fleece mid−$10Daypack 20L−$5Wool beanie+$5Hiking pole−$6OUR PRICERIVAL PRICE
    Price watch
    ProductOur priceRival priceGap
    Trail runner$129$139−$10
    Rain shell$179$172+$7
    Fleece mid$79$89−$10
    Daypack 20L$64$69−$5
    Wool beanie$29$24+$5
    Hiking pole$49$55−$6

    066 · DumbbellCompare items · E-commerce data

Common mistakes

A range with no ends marked

Mark both ends, so it is clear where it starts and stops.

Ranges of different kinds on one chart

Keep one meaning per chart: a window, or a gap.

Questions

Range or interval?

A range is two known values. An interval is where an uncertain value likely falls.

Which charts draw ranges?

Floating range bars, dumbbells and dot strips.

In the kit

Floating range bars, dumbbell 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