Barcode Chart
Thin vertical lines along a time axis — each line marks a single event, and clusters reveal periods of high activity at a glance.
// 01 — The chart
What it looks like
A barcode chart showing earthquake events. Dense clusters indicate seismically active periods; gaps indicate quiet periods.
// 02 — Definition
What is a barcode chart?
A barcode chart (also called a strip chart or event chart) draws a thin vertical line for each event along a horizontal time axis. The result looks like a product barcode — hence the name.
The chart shows when events happened but not their magnitude. Dense areas indicate bursts of activity; sparse areas indicate quiet periods. This makes barcode charts ideal for revealing temporal clustering, periodicity, and gaps.
Barcode charts can be stacked in rows (one per category) to compare event patterns across groups — for example, patient visits by department or software deployments by team.
// 03 — Anatomy
Parts of a barcode chart
// 04 — Usage
When to use it — and when not to
- Showing when individual events occurred over a long time span
- You want to reveal clusters, gaps, and periodicity in event data
- Comparing event timing across multiple categories (stacked rows)
- Your data is event-based without numeric magnitude
- You need a compact, space-efficient event timeline
- Events have magnitudes you want to visualise (use a scatter or lollipop chart)
- You have very few events (< 10) — the chart looks empty
- Thousands of events saturate the strip into a solid block
- You need to show duration, not just point-in-time events
- Your audience needs exact counts — barcode charts show patterns, not numbers
// 05 — Reading guide
How to read a barcode chart
Read the time axis
Identify the time range and granularity. Each vertical line is an event placed at its exact time.
Look for dense clusters
Areas where lines are packed together indicate periods of high activity. These are the chart's main story.
Identify gaps
Wide empty spaces between events indicate quiet periods. Gaps can be as informative as clusters.
Check for periodicity
Regular spacing of clusters suggests a recurring pattern — daily, weekly, or seasonal.
Compare rows if stacked
When multiple barcode strips are stacked, compare how event timing differs across categories.
// 06 — Data format
What data you need
A single column of timestamps, one per event. Optionally a category column if you want stacked rows. No magnitude column is needed — each event is simply a tick on the timeline.
// 07 — Construction
How to build one
Step 1: Define the time range and draw a horizontal axis.
Step 2: For each event, draw a thin vertical line at its corresponding x-position on the time axis.
Step 3: Use consistent line width (1–2px) and semi-transparency so overlapping events are visible.
Step 4: If comparing categories, stack multiple strips vertically with labels.
// 08 — Common mistakes
Mistakes to avoid
Lines too thick
Thick lines merge into solid blocks, hiding density differences. Keep strokes at 1–2px.
No transparency on overlap
Without semi-transparency, you can't tell whether a dark area is 10 events or 1,000.
Too many events without aggregation
At scale (millions of events), consider binning into a histogram or heatmap instead.
Missing time axis labels
Without clear time references, the reader can't orient themselves temporally.
// 09 — Real-world examples
Where you’ll see them
Seismology
Earthquake event catalogues are plotted as barcode charts to reveal aftershock sequences and seismic swarms.
Medical records
Patient visit timelines show when a patient interacted with the healthcare system over years.
Software deployments
DevOps dashboards use barcode strips to show deploy frequency and detect deployment storms.
// 10 — Quick reference
Key facts
// 11 — Accessibility
Making it accessible
Barcode charts are difficult for screen readers since they encode meaning through visual density. Provide a summary text describing cluster locations and gap durations. Add tooltips that show event timestamps on hover. For stacked rows, ensure each row has a clear label. Use sufficient line contrast against the background.
// 12 — Variations
Common variations
Colour-coded barcode
Lines are coloured by event type or severity, adding a categorical dimension.
Stacked barcode (panel)
Multiple strips stacked vertically — one per category — for side-by-side comparison.
Variable-width barcode
Line thickness encodes event magnitude, though this can reduce readability.
Rug plot
A statistical variant placed alongside the axis of a scatter or density plot to show marginal distributions.
// 13 — FAQs
Frequently asked questions
What is a barcode chart used for?+
A barcode chart is used to show when individual events occurred along a time axis. Each event is drawn as a thin vertical line, so dense clusters reveal busy periods and gaps reveal quiet ones. It is most useful for spotting temporal clustering, periodicity, and bursts of activity in event data.
What is the difference between a barcode chart and a strip plot?+
A barcode chart plots events along a time axis to reveal when things happened, while a strip plot shows individual numeric values along a single quantitative axis to reveal a distribution. Barcode charts answer "when", strip plots answer "how much". They look similar visually but encode different kinds of data.
When should I not use a barcode chart?+
Avoid a barcode chart when each event has a magnitude you need to show, when you have fewer than about ten events, or when you have so many events (tens of thousands) that the strip becomes a solid block. In those cases a lollipop chart, scatter plot, histogram, or heatmap will communicate the data more clearly.
What kind of data do I need to make a barcode chart?+
You only need a single column of timestamps, with one row per event. If you want to compare event timing across groups using stacked rows, add a second column with the category for each event. No magnitude or value column is required.
How is a barcode chart different from a Gantt chart?+
A Gantt chart uses horizontal bars to show the duration of each task between a start and end time. A barcode chart uses zero-width vertical ticks to show point-in-time events that have no duration. Use Gantt for schedules and projects; use barcode for event logs.
How many events can a barcode chart show?+
Barcode charts work best with roughly 50 to 10,000 events over a long time range. Below 50 the chart looks empty and a simple list works better; above 10,000 the strip saturates into a solid bar, at which point binning into a histogram or calendar heatmap is more readable.
Are barcode charts accessible to screen readers?+
Not by default — they encode meaning through visual density that screen readers cannot describe. Pair the chart with a short summary that names the main clusters and gaps, expose event timestamps in tooltips or a data table, and label every row when stacking strips by category.