GeneratorsPictogram

Animated Pictogram Maker

Turn counts into rows of icons that pop in one by one — the classic "1 in 10" visual. Export as PNG, SVG, GIF or MP4.

Exports asMP4GIFPNGSVG

Free to try · No design skills · Ready in about two minutes

Overview

What is a pictogram?

A pictogram, or icon array, shows a value as a row of repeated icons rather than a bar or a slice. It is the oldest trick in data visualisation because it works on a level bars don't reach: 38 little figures out of 100 is not just a number, it's a crowd you can picture. "38% of signups come from word of mouth" is a fact; watching 38 of 100 figures fill in is a feeling.

The format has a natural ceiling. Past 15-20 icons in a row, the count becomes a texture instead of something countable, and the chart stops feeling precise. That's why Reochart picks a sensible unit automatically, one icon can stand for 1, or for 5, or for 200, whatever keeps the row readable, and always prints the exact value at the end so the rounded icons never quietly become a lie.

Where Reochart differs from a static icon grid is motion and honesty together. Icons pop in one at a time so the count builds in front of the viewer, and when a unit above 1 is in play, a small legend line says so explicitly, e.g. "= 5 people", so nobody mistakes 8 icons for 8 people when it's actually 40.

reochart.com/editor
Data
Word of mouth38
Social posts27
Search19
Paid ads10
+ Add row
MP4GIFPNGSVG
Export

How it works

How a pictogram works

1

Each row is one category with a label and a value. Reochart looks at the largest value in your dataset and picks a unit, 1, 2, 5, or a round multiple of ten, so that the longest row lands at roughly 15-20 icons rather than sprawling into an uncountable wall.

2

Every icon in a row pops in with a quick, staggered entrance, and the row's exact value fades in beside the last icon once it lands. If the chosen unit is greater than 1, a legend below the chart spells out what one icon represents, so the visceral read ("look how many") and the precise read (the printed number) never contradict each other.

Examples

Example pictograms

Real charts made in Reochart, each with its own data and theme. Hover to play the animation.

A "1 in N" breakdown, the format's classic use.
A single dramatic proportion, sized for a social post.
Headcount by department, one icon per few people.

Good fit

When to use a pictogram

  • "1 in N" statistics and survey shares
  • Audience or population breakdowns
  • Any count where the units are people or things
  • A single dramatic proportion for a social post

Reach for something else

When not to use a pictogram

  • You have more than about 10-15 categories, icon rows get cramped fast; use a bar chart instead.
  • Precise comparison matters more than the visceral "count of things" read, a bar or lollipop chart compares lengths more accurately than icons compare counts.
  • Your values span a huge range, a handful of tiny counts next to one huge one forces a unit that makes the small rows disappear.
  • The audience needs to read exact figures at a glance without waiting for icons to finish popping in, a highlight table states the numbers directly.

Compare

Pictogram vs other charts

Pictogram vs the alternatives, at a glance.

Chart typeBest forAvoid when
Pictogram"1 in N" counts, audience breakdownsPrecise comparison, more than ~15 categories
Bar / columnComparing values across categoriesYou want a visceral, human count
LollipopA minimal ranked comparisonYou want icons rather than dots
DonutParts of one whole as a percentageThe audience wants a literal count, not a share

Your data

What data you need

One row per category: a label and a count. Reochart picks the icon unit automatically from your largest value; paste straight from Excel or Sheets, or import a CSV. 3 to 6 rows reads best.

LabelValue
Word of mouth38
Social posts27
Search19
Paid ads10

Step by step

How to make a pictogram

1
Paste or import

Drop your numbers in, or import a CSV.

2
Pick a style

Choose the chart, theme and animation speed.

3
Make it yours

Tune colours, labels and add your brand.

4
Export anywhere

Download MP4, GIF, PNG or SVG.

Best practices

Get it right

Do
  • Keep to 3-6 rows so every row's icons stay countable at a glance.
  • Let Reochart pick the unit automatically rather than forcing 1-per-icon on large numbers.
  • Use it when the story is "how many" or "what share", not when exact comparison matters.
  • Keep labels short so they don't compete with the icon rows for space.
Don't
  • Mix wildly different magnitudes in one chart, a unit that fits the biggest row can make a small one vanish.
  • Use more than about 15-20 icons per row, past that it reads as a texture, not a count.
  • Rely on icons alone for a decision that needs precision, print the number too (Reochart always does).
  • Pick an icon unit and forget to mention it, always show the "= N" legend when it's greater than 1.

Watch out

Common mistakes to avoid

!
Too many icons per row

Past 15-20 icons a row stops being countable and just reads as a block of colour. Let the auto unit keep rows short.

!
Hiding the unit

If one icon means 5 people, say so. An icon array without its legend quietly misleads.

!
Wildly different magnitudes

One category with 5,000 and another with 12 forces a unit that erases the smaller row. Split them into separate charts or use a bar chart instead.

!
Using it for precise comparison

Icons are for a visceral read, not fine-grained ranking. If the audience needs to know which of two close values is bigger, use a bar or lollipop chart.

Why Reochart

Built for sharing, not just charting

  • No design skills required
  • Animated MP4 and GIF exports
  • PNG and scalable SVG too
  • Your brand colours and logo (Pro)
  • Paste from a sheet or import a CSV
  • Presentation and feed ready in minutes

FAQ

Frequently asked questions

What is a pictogram chart?

A chart that shows a value as repeated icons — each icon stands for one unit (or a round number of units), so counts and proportions read instantly.

What data do I need?

A label and a value per row. Reochart picks the icon unit automatically and shows it in a small legend when one icon stands for more than 1.

How many rows can a pictogram hold?

It stays readable up to about 8 rows. Beyond that, icon rows compete for vertical space; a bar chart handles a longer list more gracefully.

How does Reochart decide what one icon is worth?

It looks at your largest value and rounds up to a clean unit (1, 2, 5, or a multiple of ten) that keeps the longest row to roughly 15-20 icons. The legend spells out the unit whenever it's more than 1.

Pictogram or bar chart?

Use a pictogram when the story is a human count or a "1 in N" share and some rounding is fine. Use a bar chart when categories need to be compared precisely.

Can I make it animated?

Yes. Icons pop in one by one by default, and you can export the animation as an MP4 or GIF, or grab a static PNG or SVG.

Can I export as SVG?

Yes. Pro exports a crisp, scalable SVG vector, alongside MP4, GIF and PNG. Every export renders at 1080p.

Can I use my own brand colours and logo?

On Pro, yes. Set a brand palette and add a logo that replaces the watermark on every export.

Is Reochart free?

Yes. The free plan lets you make every chart type except the animated bar chart race, and export an animated MP4 with a small watermark, no card needed. Pro adds the bar chart race, removes the watermark, and adds GIF and SVG, your brand colours and logo, longer videos and CSV import.

Make your pictogram now

Drop in your numbers and export something worth sharing, in about two minutes. Free to start.