Energy Mix by Region — Each Icon = 2% of Portfolio
Energy Mix by Region , Each Icon = 2 percent of Portfolio Figure 52.1 , Energy Mix by Region , Each Icon = 2 percent of Portfolio
A pictogram chart represents discrete quantities as rows or columns of icons, where each icon encodes a fixed unit count
A pictogram chart represents discrete quantities as rows or columns of icons, where each icon encodes a fixed unit count. The perceptual mechanism is counting and grouping: the viewer scans a row of icons the same way they scan a shelf of objects, building a concrete intuition for quantity that abstract bar lengths cannot match.
The dataset is a small set of discrete categorical proportions (five energy sources, five regions, all summing to 50 ico
The dataset is a small set of discrete categorical proportions (five energy sources, five regions, all summing to 50 icons per region at 2 percent each) with a message about relative mix and regional comparison. The data is explicitly appropriate for pictograms: small counts, meaningful units, a comparison story. A bar chart would convey the same totals but strip the iconographic context that makes the energy mix legible without axis reading.
A grouped bar chart would be the statistically rigorous alternative, and it is superior when precision matters more than
A grouped bar chart would be the statistically rigorous alternative, and it is superior when precision matters more than engagement. The pictogram's failure mode is the partial icon problem: showing 3.7 icons is misleading because fractions of an icon imply fractional units. This implementation avoids partial icons entirely , all counts are rounded to whole icon multiples of the unit value before rendering.
FRAMEWORK FT Visual Vocabulary category: Part-to-whole / Comparisons — "Show how discrete parts compare across categorie
FRAMEWORK FT Visual Vocabulary category: Part-to-whole / Comparisons , "Show how discrete parts compare across categories when the subject can be represented iconographically." Tufte caution: pictograms are at risk of the lie factor when icons are scaled in two dimensions (area grows as the square of height). This implementation avoids that: every icon is the same size, and quantity is encoded only by count, never by scale.
Paste this into Claude Code to generate a working version of this chart, plus its data file. The result will not be a perfect replica , the goal is that the reader can run the prompt, get a chart of this type, and read its source. Generate a complete, self-contained pictogram chart in D3 v7. Two files:
The ideas in this chapter didn't appear from nowhere. Marie Neurath co-created the Isotype pictogram system with her husband Otto, and continued the work alone after his death in 1945 , translating science, history, and statistics into pictograms for working-class and child audiences. She produced more than 80 illustrated books. Marie Neurath, circa 1948. AI-generated portrait based on a public domain photograph (Wikimedia Commons).
Marie Neurath, circa 1948. AI-generated portrait based on a public domain photograph (Wikimedia Commons).
The ideas in this chapter didn't appear from nowhere. Marie Neurath co-created the Isotype pictogram system with her husband Otto, and continued the work alone after his death in 1945 , translating science, history, and statistics into pictograms for working-class and child audiences. She produced more than 80 illustrated books. Marie Neurath, circa 1948. AI-generated portrait based on a public domain photograph (Wikimedia Commons).
Brutalist D3 × Claude · Ch.52 · Pictogram Chart
That is the framework. Brutalist D3 times Claude, chapter 52: Pictogram Chart. The patterns are now in place. Apply them.