Comparison
Pictogram Chart
Uses repeated icons to represent quantities. Engaging but imprecise.
How Employees Commute
Each icon = 100 employees
View data (6 rows)
| Transport | Commuters |
|---|---|
| Car | 1400 |
| Bus | 800 |
| Bike | 500 |
| Walk | 300 |
| Train | 1000 |
| Remote | 1200 |
Use a pictogram chart when…
- Public-facing infographics
- Making data approachable
- Small counts
Avoid when…
- Precise comparison
- Large numbers
- Scientific/analytical contexts
Data it needs
| Property | Value |
|---|---|
| Min Rows | 2 |
| Min Columns | 2 |
| Column Types | stringnumber |
| Notes | Values should be integers (or pre-rounded to a sensible unit, e.g., '1 icon = 100 people') so partial icons don't muddy the count. |
Visual anatomy
Marks
icon/symbol
Channels
countcolor-hue
Axes
-
Guiding principles
Common mistakes
Using partial icons without clear meaning
Scaling icon size by value instead of repeating identical icons
Too many icon rows
History
Isotype system developed by Otto Neurath in the 1920s for public education.
Accessibility notes
Provide a data table as alternative. Use sufficient color contrast.
Related reading
Got data? Let's see what works.
Drop your CSV. You'll get a Pictogram Chart plus four alternatives - ranked by which one actually fits your data best.