Darker cells mean a higher score for this topic on that metric.
LessMore
Last reviewed Sources & creditsMedia creditsMethodology
Quick answers
When should I pick Infographic blocks?
When the story is: dashboards, posters, one-pagers, exhibit boards.
When should I avoid Infographic blocks?
Skip it in cases like: the tiles hide that the numbers are not comparable.
Who invented or popularised it?
Isotype (Neurath, 1920s–30s) plus postwar magazine grids
What does it encode?
modular rectangles whose size and order rank importance
Is it OK in ads?
Yes if one claim is visible at a glance in Meta, Google and retail print; otherwise link to a full figure.
Will a teacher accept it?
Yes for lab reports and poster boards if axes, units and a source line are present.
Infographic blocks encodes values as modular rectangles whose size and order rank importance. Isotype (Neurath, 1920s–30s) plus postwar magazine grids.
In reports, ads and assignments it fits dashboards, posters, one-pagers, exhibit boards. Skip it when the tiles hide that the numbers are not comparable.
Software
- Software 1 — Excel or Google Sheets
- Software 2 — PowerPoint
- Software 3 — Figma / Illustrator — ad and poster shapes
- Software 4 — Python matplotlib or R ggplot — assignment and research figures
- Software 5 — This atlas's server-rendered SVG — examples without a chart library
Exports
- Exports 1 — SVG
- Exports 2 — PDF
- Exports 3 — EMF/SVG into slides (no screenshots)
- Exports 4 — SVG for web, PDF for print
Accessibility
- Accessibility 1 — Never hue alone. Stack pattern, label and position.
- Accessibility 2 — 4.5:1 for text, 3:1 for large marks.
- Accessibility 3 — Short alt text on the chart; numbers also as an HTML table.
- Accessibility 4 — Motion only as emphasis. Honour prefers-reduced-motion.
Infographic blocks: honour modular rectangles whose size and order rank importance, and switch when the tiles hide that the numbers are not comparable.