A row of dots per category showing the distribution of individual observations.
A free, animated dot strip plot you can read here or embed on any website, from Scrollchart.
Dot Strip Plot
A dot strip plot places every individual observation as a dot on a shared numeric axis, with categories stacked as horizontal rows. Where a bar chart shows only a summary (the mean or total), a strip plot shows the raw data: how many observations there are, where they cluster, and how far the outliers sit from the center. The mean bar overlaid on each row anchors the eye without hiding the spread behind it.
Strip plots are particularly valuable with small samples (15 to 80 observations) where summaries can be misleading. A row with mean=50 might contain tightly packed values near 50, or a bimodal split with nothing near 50. The dots make the difference immediately visible.
Each dot is one observation. Its horizontal position encodes its value on the shared X-axis. Dots that overlap are jittered slightly in the vertical direction so they stay separate. The thick vertical bar in each row marks the mean; compare it to where the dots cluster to judge whether the mean is representative or pulled by outliers.
Compare rows by looking at where the bulk of dots fall, how wide the spread is, and whether any row has dots far from the rest. A narrow cluster means low variance; a wide spread means high variance. If two rows have similar means but very different spreads, a summary chart would hide that difference entirely.
Editorial pages where a quick visual replaces a wall of text
Content-marketing posts that need a clean, branded illustration
Source & accuracy
This dot strip plot is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.
Individual data points without aggregation
A dot strip plot places a dot for each observed value along a horizontal axis, one row per category. If you measure body weight in three plant species, each species gets a row, and every measurement becomes a dot at its position. This preserves the raw data without aggregation, showing outliers, clustering, and spread directly.
This approach works best with modest sample sizes (up to roughly 30-50 points per category). Beyond that, dots pile up and the plot becomes cluttered.
Spotting clusters and gaps in distributions
Strip plots excel at revealing multimodal distributions that summaries like mean and median can hide. If you have two distinct clusters of values in one category, the dot plot shows the gap between them immediately, whereas a box plot might obscure it.
Embed this diagram
Add this animated dot strip plot to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.
Reference
What this is
A free, embeddable, animated dot strip plot for any website.
Who uses it
Data journalists, Researchers & academics, Content marketers, News organizations.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.
Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback -
see the WordPress plugin page for details. Any format keeps
the same Core Web Vitals profile and the same explainer text.
By embedding, you acknowledge the diagram and explainer text are served from scrollchart.com and may be updated from time to time to reflect new research or to link to relevant sources within the explainer.
Frequently asked questions
Where can I get a free animated "Dot Strip Plot" for my website?
Scrollchart provides "Dot Strip Plot" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a dot strip plot in a blog post or article?
Paste the one-line HTML snippet from the Scrollchart diagram page into your post editor. It works in WordPress, Webflow, Ghost, and plain HTML with no plugin required. The animated diagram and its explainer text load from scrollchart.com and render directly in your page DOM.