fullscreen
ImpactMojoData Visualization 101www.impactmojo.in
ImpactMojo 101 Series · Free Forever
Data
Visualization
101
How to turn numbers into honest, clear pictures — a foundational course for development practitioners in South Asia, and the companion to ImpactMojo’s The Long View.
PracticalSouth Asia Focus100 SlidesFree Access
ImpactMojoData Visualization 101www.impactmojo.in
What We Cover
01
What a Chart Is For
Slides 3–9
02
Marks & Channels
Slides 10–18
03
Choosing a Chart
Slides 19–29
04
Honest Charts
Slides 30–40
05
Colour
Slides 41–49
06
Words on Charts
Slides 50–57
07
Tables & Numbers
Slides 58–64
08
Spread & Uncertainty
Slides 65–73
09
Maps
Slides 74–81
10
Audience & Access
Slides 82–89
11
Workflow & Tools
Slides 90–98
If youStart at
Draw charts alreadySections 4–5 — integrity and colour
Are choosing a chart typeSections 2–3
Publish for the publicSections 6 and 10
No design training assumed.
ImpactMojoData Visualization 101www.impactmojo.in
01
Section One
What a Chart Is For
This section answersSlide
What a chart is actually for4
Why the eye finds what a table hides5
When a number or a table beats a picture6–7
Who the chart is for8
What makes a chart good9
The most consequential decisions in this whole course are made here, before any tool is opened: what the chart claims, and who has to read it.
ImpactMojoData Visualization 101www.impactmojo.in
A chart is an argument, not decoration
Every chart you make is making a point: this went up, this group is worse off, these two things move together. A good chart helps a reader see that point faster than a paragraph could. A bad one hides it, or worse, makes a point the data does not support.
If you cannot say in one sentence what your chart is for, the reader will not be able to either. Write that sentence first — it usually becomes your title.
The chart claimsSo the design must
This went upShow the full period, not a flattering slice
This group is worse offPut the two groups on one aligned scale
These move togetherSay association, not cause, in the title
This is unusualShow the rest of the distribution around it
If you cannot write the claim in one sentence, you do not yet know what the chart is for — and the encoding decisions that follow have nothing to be judged against.
‘Decoration’ is not the opposite of ‘argument’ here. A chart with no argument still makes one by accident, usually whichever the software default happens to favour.
ImpactMojoData Visualization 101www.impactmojo.in
The eye finds patterns the table hides
The classic demonstration is Anscombe’s quartet: four datasets with almost identical means, variances and correlation. In a table they look the same. Plotted, they are obviously different — one is a clean line, one is curved, one has a single outlier dragging the trend.
Summary statistics can agree while the data disagree. Always look at the shape before you trust the number.
The point
We are very good at spotting lines, clusters, gaps and outliers by eye. We are bad at reading those same things out of a grid of numbers. Visualisation borrows the strength of the visual system to do statistics.
Anscombe setLooks likeSame summary stats
IA genuine linear relationshipMean, variance, correlation
IIA clean curve, not a line…identical
IIIA tight line plus one outlier…identical
IVA vertical stack plus one point…identical
The Datasaurus Dozen updates the same point: a dinosaur, a star and a set of lines can all share means, variances and correlation to two decimal places. Summary statistics are a compression, and compression discards.
The practical rule that follows is not ‘always chart it’ but ‘always look at it’ — plot the distribution for yourself before reporting any summary of it.
ImpactMojoData Visualization 101www.impactmojo.in
When a picture beats a sentence — and when it doesn’t
Reach for a chart when…Reach for a number when…
You are comparing many values at onceThere is only one value that matters
The shape or trend is the messageThe precise figure is the message
You want the reader to exploreYou want the reader to remember one fact
Patterns, gaps and outliers carry meaningThe audience needs to quote the exact value
“63% of rural households have piped water” is one number — a sentence is fine. The change across 28 states over 20 years is a chart.
SituationChartNumber
One value carries the message
Twelve values compared
The precise figure is quoted onward
The shape is the finding
Reader will look up their own rowTable
The commonest waste in reports is a chart of three numbers. It takes a quarter page, is slower to read than the sentence it replaces, and signals effort rather than clarity.
ImpactMojoData Visualization 101www.impactmojo.in
When not to make a chart
  • Two or three numbers. A small table or a sentence is clearer than a tiny bar chart.
  • No real variation. If every bar is the same height, the chart says nothing.
  • The data is too thin. A trend drawn from three data points invites over-reading.
  • You are decorating a slide. A chart with no question behind it is just visual noise.
A chart is a cost — it asks the reader to learn its axes and colours. Only spend that cost when the payoff (a pattern they could not otherwise see) is real.
Do not chart whenBecause
Two or three numbersA sentence is faster
Every bar is the same heightThe chart’s message is ‘no message’
Three data points over timeA trend cannot be drawn from three points
The differences are within the marginYou would be drawing noise
The last row is the one people skip. If the confidence intervals overlap across the whole ranking, a sorted bar chart invents an order the data does not support.
ImpactMojoData Visualization 101www.impactmojo.in
Who is the chart for?
You
Exploring. Rough, fast, many charts. Ugly is fine — you are looking for what is there.
A team
Explaining. One clear point per chart, labelled, in a report or deck.
The public
Persuading. Self-contained, titled with the finding, works without you in the room.
The same data needs three different charts for these three readers. Most mistakes come from showing an exploration chart to the public.
ReaderCharts per findingAcceptable
You, exploringTwentyUgly, unlabelled, fast
A team, explainingOneLabelled, sourced, one point
The public, persuadingOneSelf-contained; title states the finding
Most bad published charts are exploratory charts that were never redrawn. They were adequate for the analyst who already knew the answer, and were shipped as if that were the same thing.
ImpactMojoData Visualization 101www.impactmojo.in
What makes a chart good
  • Honest — the visual proportions match the numbers. This is non-negotiable.
  • Clear — a reader gets the main point in a few seconds, without a manual.
  • Sourced — the data, the date and the source are on the chart, not lost.
  • Focused — one chart makes one point; if it makes three, split it into three.
Notice what is not on this list: “beautiful”. Beauty helps a chart get read, but it never rescues a chart that is dishonest or unclear.
StandardFailed when
HonestProportions on screen do not match the numbers
ClearA reader needs the legend and a minute
SourcedDataset, year and collector are missing
FocusedTwo findings compete in one frame
Honesty is the only one of the four that cannot be traded off. A chart can be dense, ugly or unsourced and still be repairable; a chart whose geometry misstates the numbers is wrong.
ImpactMojoData Visualization 101www.impactmojo.in
02
Section Two
Marks & Channels
This section answersSlide
What marks and channels are11
Which channels people read most accurately12–13
Why bars need a zero baseline14
Why area and colour are weak for quantity15–16
How to encode the variable that matters17–18
This is the most transferable section in the course. Once you can name the mark and the channel, you can diagnose any chart you meet without knowing the subject matter.
ImpactMojoData Visualization 101www.impactmojo.in
Marks & channels
A mark is the thing you draw — a dot, a line, a bar, an area. A channel is the property of that mark you use to carry data — its position, length, angle, area, colour or shape. Every chart is just data mapped onto marks through channels.
Once you see charts this way, “what chart should I use?” becomes a sharper question: which channel will carry my most important variable?
MarkCommon channelReads as
BarLength from a zero baselineA quantity
DotPosition on a common scaleA precise value
LineSlope between positionsA rate of change
Area / circleAreaA rough magnitude
Any markHueA category
Naming the mark and channel explicitly is the fastest way to diagnose a chart that feels wrong: the fault is almost always that the important variable was given a weak channel.
ImpactMojoData Visualization 101www.impactmojo.in
Some channels are read more accurately than others
From the work of Cleveland & McGill (1984), channels ranked by how accurately people read quantities from them — most accurate at the top:
  • 1. Position on a common scale (scatter, dot plot)
  • 2. Position on unaligned scales (small multiples)
  • 3. Length (bars)
  • 4. Angle / slope (pie slices, line steepness)
  • 5. Area (bubbles, treemaps)
  • 6. Colour intensity / shade (heatmaps, choropleths)
Put your most important variable on the most accurate channel you can afford. That single habit fixes most weak charts.
RankChannelTypical chart
1Position, common scaleScatter, dot plot
2Position, unaligned scalesSmall multiples
3LengthBar chart
4Angle / slopePie, slope chart
5AreaBubble, treemap
Cleveland & McGill established this by experiment — asking people to judge quantities and measuring their error — not by preference. That is why it settles arguments that taste cannot.
The ranking is about reading quantities. Colour sits near the bottom for magnitude and at the top for identifying which line is which.
ImpactMojoData Visualization 101www.impactmojo.in
Why position wins
When two marks sit on the same axis, the reader compares them directly — no mental arithmetic, no guessing at areas. That is why a dot plot or scatter lets people read values to within a few percent, while a pie chart leaves them guessing.
Practical rule
If precise comparison matters, get your values onto a shared horizontal or vertical scale. Bars and dot plots do this; pies, bubbles and 3D do not.
TaskPositionAngle / area
Rank two similar valuesImmediateGuesswork
Read an approximate valueWithin a few percentPoor
Compare across panelsEasy on a shared axisVery hard
A dot plot is the most under-used chart in development reporting. It carries the same information as a bar, needs less ink, and handles long category labels and wide value ranges better.
ImpactMojoData Visualization 101www.impactmojo.in
Length needs a zero baseline
A bar encodes a value with its length. A reader judges a bar twice as long as carrying twice the value — so the bar must start at zero. Cut the baseline and a 2% difference can look like a doubling. This is the single most common way charts mislead.
Bars start at zero. Always. If zero is irrelevant to your story (say, a stock index that never goes near it), use a line, not a bar — lines encode change, not magnitude, and may omit zero.
Baseline92, 94, 96%A reader concludes
Starts at 0Bars nearly equalA small difference
Starts at 90Bars 1 : 2 : 3A tripling
This is the single most common deliberate distortion in published charts, and the easiest to check: read the first axis tick before reading anything else.
If the differences genuinely matter and are genuinely small, that is a case for a dot plot, a change column, or plotting the difference directly — not for cutting the baseline.
ImpactMojoData Visualization 101www.impactmojo.in
Area is honest but hard to read
We badly underestimate area. Double a circle’s radius and its area quadruples — a common bubble-chart error makes big values look four times too big. Even done correctly, readers cannot compare areas precisely.
Use area when…
A rough sense of magnitude is enough (a treemap of budget shares), or area is a secondary channel (bubble size on a scatter). Never when readers must rank close values. And always scale by area, never by radius.
If you set…Then doubling the value…
Radius ∝ valueDraws a circle 4× the area
Area ∝ valueDraws a circle √2 × the radius — correct
Most spreadsheet bubble charts default to area scaling correctly; hand-drawn infographics and icon arrays frequently do not. Check by comparing the largest and smallest mark against their ratio.
Use area when the geometry is fixed for you — a treemap, a map, a packed layout — and never when position or length was available.
ImpactMojoData Visualization 101www.impactmojo.in
Colour: powerful, easily overused
Colour is great for showing categories (which line is which) and rough intensity (a heatmap). It is poor for precise quantities — nobody can read “47” off a shade of blue. Colour gets its own section later; for now, two rules:
  • Use colour to group or highlight, not to carry numbers people must read off.
  • Keep the number of colours small — the eye loses track past about seven.
Colour isFor
ExcellentNaming categories; which line is which
AdequateRough intensity, ordered low to high
PoorReading a precise quantity
DangerousCarrying the whole message alone
Two rules hold before the colour section: never encode the key quantity in hue alone, and never use more distinct hues than a reader can hold in memory — about seven, usually fewer.
ImpactMojoData Visualization 101www.impactmojo.in
Encode the important thing strongly
Suppose you are comparing female literacy across 12 states. The states are the categories; literacy is the number that matters. Put literacy on position or length (a sorted bar or dot plot), and use colour only to flag the one state you want to talk about.
A frequent mistake is to spend the strongest channel (position) on something unimportant (alphabetical order) and push the real variable onto a weak one (colour shade). Sort by the value instead.
VariableGive itNot
Female literacy (the finding)Position or lengthColour intensity
State (the category)Axis labels, sortedTwelve hues
Region (secondary)One highlight colourA second axis
Sort by the value, not alphabetically. Alphabetical order is a filing convention that destroys the ranking the chart exists to show.
ImpactMojoData Visualization 101www.impactmojo.in
Same data, three encodings
EncodingChannelHow well it reads
Pie chart of 6 sharesAngle / areaHard — can’t rank similar slices
Stacked bar of 6 sharesLength (unaligned)Better for the bottom segment only
Sorted bar / dot plotPosition + lengthBest — every value is comparable
Three ways to show the same six numbers. The data did not change — only how accurately the reader can recover it. That choice is yours to make on purpose.
EncodingChannelReads
Pie, 6 sharesAngle / areaPoorly — similar slices unrankable
Stacked bar, 6 sharesUnaligned lengthOnly the bottom segment well
Sorted bar / dot plotPosition + lengthAccurately, and ranked
The stacked bar row is worth remembering: every segment except the one sitting on the baseline has a moving start point, so readers can compare only the first one reliably.
ImpactMojoData Visualization 101www.impactmojo.in
03
Section Three
Choosing a Chart
Get this wrong andBecause
The chart type fights the questionA pie cannot answer ‘who is worse off?’
The reader works too hardThe channel does not suit the task
The finding never landsThe default sort buried it
Chart choice is not taste. Each family answers one kind of question well, and the mismatch is diagnosable rather than arguable.
ImpactMojoData Visualization 101www.impactmojo.in
Pick the question before the chart
Do not start from “I want a chart.” Start from the question your reader has. Almost every question is one of five kinds, and each kind has a natural chart family.
Q
What’s the question?
TYPE
Comparison? Trend? Part? Spread? Link?
CHART
The family that fits
Question the reader hasFamily
Who is bigger / worse off?Comparison — bars, dot plots
Is it rising or falling?Trend — lines
What share is each part?Composition — handle with care
How spread out is it?Distribution — histogram, box, strip
Do these move together?Relationship — scatter
Starting from ‘I want a chart’ means the software chooses, and the software chooses whatever is first in its menu. Starting from the question means the chart family is decided before you open anything.
ImpactMojoData Visualization 101www.impactmojo.in
“Who is bigger / more / worse off?” → bars
For comparing values across categories, a bar chart is the workhorse. Sort the bars by value (not alphabetically) so the ranking is instant. Horizontal bars when labels are long.
A dot plot does the same job with less ink and handles two series (e.g. men vs women) cleanly as a dumbbell.
Watch out
Bars must start at zero. Too many bars (40+) become a wall — switch to a dot plot or a sorted table.
DecisionDo
OrderSort by value, worst to best or best to worst
OrientationHorizontal when labels are long
BaselineAlways zero
Too many barsHighlight one; grey the rest
Wide value rangeDot plot instead
A dumbbell chart — two dots joined by a line — is the right choice when the story is the gap between two values per category, such as male and female literacy by state.
ImpactMojoData Visualization 101www.impactmojo.in
“Is it rising or falling?” → lines
Time goes on the horizontal axis, left to right. A line connects points to show the trend; the slope is the message. Use a line for continuous time, a bar only when the periods are few and discrete.
  • One to four lines: label each line directly at its end — skip the legend.
  • Many series: use small multiples (one mini-chart each) instead of a tangle.
  • Lines may omit zero — they encode change, not magnitude.
SituationUse
Continuous time, many pointsA line
Few discrete periodsBars
Five or more seriesSmall multiples, not five lines
One series that matters mostHighlight it; grey the others
Beyond about four lines a chart becomes a legend-matching exercise. Small multiples — the same small chart repeated per category on a shared scale — keep position as the channel and stay readable at twenty panels.
Never connect points across a gap in the data without marking it. A line implies measurement continued.
ImpactMojoData Visualization 101www.impactmojo.in
“What share is each part?” → handle with care
OptionVerdict
Pie chartFine for 2–3 slices that are very different; poor beyond that
100% stacked barGood for comparing the same parts across a few groups
Sorted bar of the sharesUsually clearest — reader can rank every part
TreemapMany nested parts where rough size is enough
The infamous pie of 12 near-equal slices tells the reader nothing. When in doubt, a sorted bar of the percentages beats a pie.
OptionWorks whenFails when
Pie2–3 very different slicesSlices are similar; more than three
100% stacked barComparing the same parts across few groupsMiddle segments must be compared
Sorted bar of sharesAlmost alwaysYou must show they sum to 100
TreemapMany nested parts, rough sizesPrecise comparison needed
If the point is that the parts sum to a whole, say so in the title and use a sorted bar. The pie’s only real advantage is that it shows summing-to-one visually, and it pays for that with unrankable slices.
ImpactMojoData Visualization 101www.impactmojo.in
“How is it spread out?” → histogram, box, strip
When you care about the range and shape of values — not a single average — show the distribution. A histogram bins the values; a box plot summarises quartiles; a strip / beeswarm shows every point.
Why it matters
“Average income ₹15,000” can hide a few rich households and many poor ones. The distribution reveals the inequality the mean conceals.
ChartShowsHides
HistogramShape, skew, modesIndividual points; sensitive to bin width
Box plotMedian, quartiles, outliersBimodality — entirely
Strip / beeswarmEvery observationBecomes unreadable at large n
ViolinDensity shapeImplies smoothness the data may not have
Development data is usually skewed — income, landholding, expenditure. Reporting a mean without showing the distribution is the most frequent way a true number gives a false impression.
ImpactMojoData Visualization 101www.impactmojo.in
“Do these two move together?” → scatter
A scatter plot puts one variable on each axis and one dot per observation. Clusters, lines and outliers jump out. Add a trend line only if it genuinely helps — and never let it imply causation (more on that soon).
  • Add a third variable with dot colour (category) or size (quantity).
  • A connected scatter traces two variables over time as a path.
Scatter decisionGuidance
Trend lineOnly if it aids reading; never as proof
OverplottingTransparency, or hex bins, at large n
Third variableColour for category; size for magnitude, sparingly
OutliersLabel them — they are usually the interesting part
A scatter with a fitted line is the most persuasive causal-looking object in the chart vocabulary, and it establishes nothing about causation. Title it as association and it stays honest.
ImpactMojoData Visualization 101www.impactmojo.in
Linear or log? The axis is a choice too
Most charts use a linear scale, where equal distances mean equal amounts. A log scale makes equal distances mean equal multiples (10, 100, 1,000) — useful when values span many orders of magnitude, or when the rate of growth is the story.
  • Linear: most data, most audiences — the safe default.
  • Log: incomes from poor to billionaire, exponential growth, anything spanning 100× or more.
  • Always label a log axis clearly — many readers misread it as linear and underestimate the spread.
UseLinearLog
Equal distance meansEqual amountsEqual multiples
Best forMost comparisonsValues across orders of magnitude
Growth reads asA curveA straight line at a constant rate
RiskCompresses small valuesNon-specialist readers misread it
Label a log axis at its actual values (1, 10, 100, 1,000) and say in the caption that it is logarithmic. An unlabelled log axis is a distortion whether or not it was intended as one.
ImpactMojoData Visualization 101www.impactmojo.in
Two more families worth knowing
Ranking
When the order itself is the story (league tables, top-10 lists), use an ordered bar or dot plot. A slope chart shows how ranks change between two points in time.
Flow & networks
For quantities moving between categories — budget → sector, source → use — a Sankey shows volume as ribbon width. A chord diagram shows two-way flows (trade, migration between regions).
StoryChart
The ranking itselfOrdered bar or dot plot
How ranks changed between two datesSlope chart
Quantities moving between categoriesSankey / alluvial
Connections rather than amountsNetwork diagram
Sankey and network diagrams are widely admired and rarely read accurately. Use them when the flow structure is the finding, and put the numbers in a table alongside.
ImpactMojoData Visualization 101www.impactmojo.in
The chart chooser
Your questionFirst choiceAlso consider
Compare categoriesSorted barDot plot, dumbbell
Trend over timeLineArea, small multiples
Part of a wholeSorted bar of sharesStacked bar, treemap
DistributionHistogramBox, strip, beeswarm
RelationshipScatterBubble, connected scatter
Flow between groupsSankeyChord
QuestionFirst choiceAlso consider
Compare categoriesSorted barDot plot, dumbbell
Trend over timeLineSmall multiples
Part of a wholeSorted bar of shares100% stacked bar
DistributionHistogramBox, strip, beeswarm
Geography is the storyMap (rate, not count)Cartogram, or a bar chart
The last row is the one to be strict about. A map is warranted when location itself is the finding; otherwise a sorted bar of the same values is nearly always faster to read.
ImpactMojoData Visualization 101www.impactmojo.in
From question to chart
Question: “Which of these countries has the highest under-five mortality?” That is a comparison — so a sorted bar, starting at zero, one country per bar, ordered worst to best.
Under-five mortality, deaths per 1,000 live births (latest)
Source: World Bank / UN IGME, indicator SH.DYN.MORT. Illustrative recent values.
DecisionMade because
Sorted barThe question is a comparison
Starts at zeroLength carries the value
Ordered worst to bestThe ranking is the finding
Four decisions, each traceable to the question rather than to taste.
ImpactMojoData Visualization 101www.impactmojo.in
04
Section Four
Honest Charts
This section is aboutSlide
How a true chart misleads31
Truncated axes, and the line exception32–33
Dual axes and cherry-picked windows34–35
3D, radius sizing, false causation36–38
Aggregation that reverses the finding39–40
Every device in this section has been used by accident far more often than deliberately, usually by accepting a default. That is why the checklist at the end is worth running on your own work, not only on other people’s.
ImpactMojoData Visualization 101www.impactmojo.in
A chart can lie while every number is true
You can plot accurate data and still mislead — through the axis, the scale, the time window or the framing. Because charts are read fast and trusted instinctively, a misleading chart does more damage than a misleading sentence. This section is the most important in the course.
The test: would a careful reader come away believing something the data does not actually support? If yes, the chart is dishonest — even if no single value is wrong.
DeviceWhat it exploits
Truncated axisLength read as proportional to value
Dual axisTwo scales chosen to make lines align
Cherry-picked windowTrends read from whatever is shown
Radius sizingArea read as the quantity
AggregationGroup differences hidden in a total
None of these requires a false number. That is what makes a misleading chart more damaging than a wrong one — it survives fact-checking, because every figure in it is correct.
ImpactMojoData Visualization 101www.impactmojo.in
The truncated axis
Misleading — axis starts at 90
Honest — axis starts at 0
Same three numbers (92, 94, 96%). On the left the change looks enormous; on the right, modest — which is the truth. Bars must start at zero.
ImpactMojoData Visualization 101www.impactmojo.in
When zero is not required
The zero rule is about bars, where length carries the value. Lines encode change, so they may start where the data lives — forcing a stock index or a temperature series to include zero can flatten a real, meaningful change.
  • Bar / area → must include zero.
  • Line / scatter → zero optional; choose a range that shows the real variation without exaggerating it.
  • When you omit zero on a line, make the axis range obvious so nobody is fooled.
MarkEncodesZero required?
BarLength, from the baselineYes
LineChange and slopeNo — but show the range honestly
Dot plotPositionNo, if the axis is clearly labelled
The line exception is real but abused. Forcing a temperature or index series to include zero flattens meaningful change; using it to license a bar chart with a cut baseline does not follow.
ImpactMojoData Visualization 101www.impactmojo.in
The dual-axis trap
Two lines, two different y-axes, scaled so they appear to track each other — the reader infers a relationship that the analyst manufactured by choosing the scales. By sliding the axes you can make almost any two series look correlated.
Prefer two small charts side by side, or index both series to 100 at a common start year and plot them on one honest axis. Avoid the second y-axis unless the two units are genuinely linked.
Dual-axis alternativeWhen
Index both series to 100 at a base yearComparing growth rates
Two stacked panels, shared time axisDifferent units entirely
Plot the ratio or the gap directlyThe relationship is the finding
Any two rising series can be made to appear to track each other by sliding the two axes. Because the analyst chose those scales, a dual-axis chart shows a decision, not a relationship.
ImpactMojoData Visualization 101www.impactmojo.in
The cherry-picked window
Start the time axis at an unusually low year and the trend looks like a boom; start at a peak and the same series looks like a collapse. The data is real; the window is the lie.
  • Show the longest honest period you have, not the slice that flatters your point.
  • If you must zoom in, say so, and show the full series somewhere nearby.
  • Beware comparisons to a single unusual base year (a drought, a pandemic, an election).
Window choiceEffect
Start at an unusual lowA boom
Start at a peakA collapse
Start where the data startsThe honest picture
State the full available series and mark the period you are discussing within it. If you must show a short window, show the long one as an inset or say plainly why the earlier data is excluded.
ImpactMojoData Visualization 101www.impactmojo.in
3D and perspective
3D bars and pies tilt the geometry so that nearer slices look bigger and the back of the chart shrinks. They add no information and distort the one channel that mattered. The same goes for drop shadows and “glossy” effects.
There is no honest reason to make a statistical chart 3D. Flat, plain and accurate beats impressive every time.
EffectWhat it costs
3D barsTilts the length channel; adds nothing
3D pieFront slices gain apparent area
Drop shadow, glossInk competing with the data
There is no chart type that reads better in 3D unless the third dimension carries a third variable — and even then, a small-multiple grid usually reads better than a rotatable cube.
ImpactMojoData Visualization 101www.impactmojo.in
Sizing by radius, not area
When a value is shown as a circle or icon, the reader judges it by area. If you set the radius proportional to the value, a figure twice as large draws a circle four times as big. Pictographs (“one person = 1 million”) that scale a single stretched icon make the same error.
Scale circles by area (radius ∝ √value). Better still, for icon charts, repeat a fixed-size icon — a waffle or isotype grid — so each unit is equal.
Icon-array trapFix
One icon scaled up 2× in heightUse two icons, not a bigger one
Radius set to the valueSet area to the value
Half-icons for remaindersRound, and say what one icon means
Pictographs that repeat a fixed-size icon are read as counting, which is accurate. Pictographs that stretch a single icon are read as area, which is not what was encoded.
ImpactMojoData Visualization 101www.impactmojo.in
Correlation drawn as causation
A scatter with a trend line, or two lines rising together, strongly suggests that one causes the other. The chart cannot show causation — only association. Ice-cream sales and drownings both rise in summer; neither causes the other.
  • Word the title as association (“moves with”), not cause (“drives”), unless you have evidence for cause.
  • Watch for a hidden third variable (here, heat) driving both.
The chart showsIt cannot show
Two series rising togetherThat one caused the other
A fitted lineThat the relationship is causal or stable
A correlation of 0.9That a confounder is absent
Write the title in the language the data supports: ‘X is associated with Y’, or better, name the actual finding. Readers take the title as the claim, whatever the caption says afterwards.
ImpactMojoData Visualization 101www.impactmojo.in
Aggregation that hides the truth
Simpson’s paradox
A trend that holds in the overall data can reverse when you split it by group. A treatment can look worse on average yet be better for every subgroup, because the groups differ in size and baseline risk.
Always ask whether a headline average survives disaggregation by sex, caste, region or income. If the picture flips, the disaggregated chart is the honest one.
LevelWhat it says
Pooled dataTreatment A looks worse overall
Split by severityTreatment A is better in every group
WhyA was given to the more severe cases
The defence is to disaggregate before publishing, on the variables you would expect to matter — sex, wealth quintile, urban/rural, caste group — and to show the split when it changes the story.
ImpactMojoData Visualization 101www.impactmojo.in
Before you publish: an integrity check
  • Do bars start at zero, and are areas scaled correctly?
  • Is the time window the full, fair period — not a flattering slice?
  • Does the title claim only what the data supports (association vs cause)?
  • Would the picture survive being split by the obvious subgroups?
  • Are the source, date and units on the chart?
If a figure is approximate or modelled, say so on the chart. Never present an estimate as if it were a measured fact.
CheckFails if
Bars from zero; areas by areaA first tick above zero
Full, fair time windowThe start year is suspiciously flattering
Title claims only what the data supports‘Causes’ where you have association
Disaggregated where it mattersA subgroup reverses the finding
Sourced and datedNo dataset, no year
Run this list against someone else’s chart first. It is much easier to see, and the habit transfers to your own work.
ImpactMojoData Visualization 101www.impactmojo.in
05
Section Five
Colour
Colour decisionConsequence
Wrong scale familyOrder invented or destroyed
Rainbow rampBands invented in smooth data
Red/green onlyExcludes about 8% of male readers
Twelve huesA legend that is a memory test
Colour is the part of chart design most often treated as decoration and most often carrying the message. Both halves of that are the problem.
ImpactMojoData Visualization 101www.impactmojo.in
Colour does exactly three jobs
Qual.
Qualitative — distinct hues for unordered categories (regions, parties).
Seq.
Sequential — light-to-dark of one hue for low-to-high values.
Div.
Diverging — two hues from a meaningful middle (e.g. surplus vs deficit).
Most colour mistakes are using the wrong family — a rainbow (qualitative) for ordered data, or a sequential ramp for categories. Match the palette to the data type.
ScaleDataExample
QualitativeUnordered categoriesRegions, parties, crops
SequentialOrdered, one directionPoverty rate, density
DivergingOrdered around a meaningful middleAbove/below average, gain/loss
Using the wrong family is the commonest colour error: a diverging scale on data with no natural centre invents a midpoint, and a qualitative palette on ordered data destroys the order.
ImpactMojoData Visualization 101www.impactmojo.in
Light to dark for ordered values
For a quantity that runs low to high — poverty rate, temperature, density — use a single hue from pale to deep. Darker reads as “more” intuitively. Keep the steps evenly spaced in perceived lightness so equal jumps look equal.
Tested ramps (ColorBrewer’s Blues, Viridis) are designed to be perceptually even and colour-blind safe. Borrow them rather than inventing your own.
DoDo not
One hue, pale to deepMultiple hues in the ramp
Even steps in perceived lightnessEven steps in RGB
5–7 bins, statedA continuous ramp with no legend anchor
Perceptually uniform ramps — viridis, cividis, ColorBrewer’s sequential sets — are built so that equal data steps look like equal colour steps. Hand-picked ramps rarely are.
ImpactMojoData Visualization 101www.impactmojo.in
Two directions from a meaningful middle
When values spread both ways from a natural centre — above/below average, gain/loss, agree/disagree — a diverging scale puts a neutral colour at the midpoint and two contrasting hues at the ends. The midpoint must be the real zero or mean, not an arbitrary value.
Set the colour midpoint to where the meaning flips. Centring it on the data’s median instead can paint a struggling region as “average”.
RequirementWhy
A real midpointOtherwise the neutral colour is arbitrary
Symmetric range either sideOtherwise one direction looks stronger
Two clearly distinct huesSo direction is unmistakable
Set the midpoint at zero, at the mean, or at the national figure — and say which in the legend. A diverging map whose centre is ‘wherever the data splits’ will move between rounds and break comparability.
ImpactMojoData Visualization 101www.impactmojo.in
Distinct hues — and not too many
For categories with no order, pick hues that are easy to tell apart and roughly equal in weight (so none shouts). Past about seven colours, readers lose track and the legend becomes a memory test.
  • Too many categories? Group the small ones into “other”, or use small multiples.
  • Give a fixed colour to a category that recurs across charts (e.g. always green for “rural”).
CategoriesApproach
2–4Distinct hues, roughly equal weight
5–7A tested qualitative palette
8+Group into fewer, or use small multiples
One mattersColour it; grey everything else
Grey is the most under-used colour in development charts. Greying the context and colouring only what you discuss does more for clarity than any palette choice.
ImpactMojoData Visualization 101www.impactmojo.in
About 1 in 12 men can’t tell red from green
Roughly 8% of men and 0.5% of women have some colour-vision deficiency, most commonly red–green. A chart that relies on red-vs-green to make its point fails for millions of readers.
  • Use colour-blind-safe palettes (Viridis, Okabe–Ito, ColorBrewer “colorblind safe” sets).
  • Check your chart in a simulator before publishing.
  • Pair colour with a second cue — label, shape or pattern (next slide).
DeficiencyRoughlyAffects
Deuteranomaly / protanopia~8% of menRed vs green
TritanopiaRareBlue vs yellow
All readersAlwaysGreyscale printing, projectors, photographs
Test with a simulator, and check the chart in greyscale. If the message survives both, it survives most of the real conditions charts are read in.
Blue–orange is the safe default pair for two-category and diverging work: it is distinguishable under the common deficiencies and it separates in greyscale.
ImpactMojoData Visualization 101www.impactmojo.in
Retire the rainbow
The classic “jet” rainbow ramp (blue–green–yellow–red) looks lively but lies: it has bright bands that invent boundaries where the data is smooth, and dark ones that hide real differences. It is also poor for colour-blind readers.
Replace rainbow heatmaps and maps with a perceptually uniform ramp like Viridis. The pattern in the data will change — because the rainbow was distorting it.
Rainbow ramp problemConsequence
Bright bands (yellow, cyan)Invents boundaries in smooth data
Dark endsHides real differences
Not monotonic in lightnessFails in greyscale entirely
Poor for colour-blind readersExcludes ~8% of men
Replace with viridis, cividis or a single-hue ColorBrewer ramp. All are perceptually ordered, colour-blind-safe and greyscale-survivable, and all are defaults in the standard plotting libraries.
ImpactMojoData Visualization 101www.impactmojo.in
Colour carries meaning — use it deliberately
  • Red reads as bad / hot / loss / stop; green as good / go. Do not colour a good outcome red by accident.
  • Convention matters: don’t recolour a party, a flag or a brand against what readers expect.
  • Meaning is cultural — white, red and saffron carry different associations across South Asia. Know your audience.
  • Reserve a bold colour for the one thing you want noticed; grey the rest.
ColourUsually read asSo avoid
RedBad, hot, loss, stopColouring a good outcome red
GreenGood, go, growthColouring a deficit green
Party / flag coloursA specific actorRecolouring against convention
These conventions are cultural rather than universal — red is auspicious in much of South Asia — but the chart-reading conventions your audience already holds are the ones that govern. Choose deliberately, and say so if you depart from them.
ImpactMojoData Visualization 101www.impactmojo.in
Recolouring a noisy chart
BeforeAfter
12 bars, 12 different bright colours11 grey bars, 1 coloured — the one you discuss
Rainbow choroplethSingle-hue sequential ramp
Red = our product (the “good” one)Green for the favourable series
Legend with 12 swatchesDirect labels on the bars that matter
Less colour, more meaning. Colour should guide attention, not compete for it.
BeforeAfter
12 bright colours11 grey bars, 1 coloured
Rainbow choroplethSingle-hue sequential ramp
Red for the good seriesBlue–orange, direction stated
Nothing was added here. Every improvement was a removal or a substitution, which is the usual shape of a colour fix.
ImpactMojoData Visualization 101www.impactmojo.in
06
Section Six
Words on Charts
Without wordsThe reader must
No titleWork out the point themselves
No unitsGuess the scale
No sourceTrust you, or nothing
No annotationFind the thing that matters
A chart that leaves its caption behind — screenshotted, forwarded, pasted into a slide — carries only what is inside its own frame.
ImpactMojoData Visualization 101www.impactmojo.in
A chart without words is half a chart
Marks show the pattern; words tell the reader what it means and what to trust. Titles, labels, annotations, units and sources do as much work as the geometry. A beautiful chart with no words is a puzzle.
Budget your effort roughly half on the picture and half on the words around it. Most weak charts are under-written, not under-designed.
ElementJob
TitleStates the finding
Axis labels + unitsPrevent guessing
Direct labelsRemove legend-matching
AnnotationPoints at the one thing
Source and dateMake it checkable
Budget the same effort for the words as for the geometry. A chart that travels — screenshotted into a deck, a WhatsApp forward, a news story — carries only what is inside its own frame.
ImpactMojoData Visualization 101www.impactmojo.in
Make the title state the finding
Weak (topic)
“Under-five mortality by country, 2000–2022”
Strong (finding)
“Child deaths have more than halved in every country since 2000”
A topic title makes the reader do the work. A finding title hands them the point, then lets the chart prove it. Keep the descriptive version as a subtitle if you like.
Title typeExample
Topic‘Under-five mortality by country, 2000–2022’
Finding‘Child deaths have more than halved since 2000’
A finding title is a commitment: it says what you conclude, so it can be checked against the chart. That accountability is the argument for it, and the reason to be careful that the claim matches the evidence.
ImpactMojoData Visualization 101www.impactmojo.in
Label directly; kill the legend
A separate legend forces the reader’s eye to bounce between the key and the chart, matching colours from memory. Where you can, write the label next to the thing it names — at the end of each line, beside each bar.
  • One to four series: direct labels almost always win.
  • Many series: a legend is unavoidable — order it to match the chart (top line = top legend entry).
  • Rotate axis labels as little as possible; switch to horizontal bars if names are long.
Instead of a legendDo
Line chartLabel each line at its right-hand end
Bar chartWrite categories on the axis
Highlighted seriesName it in the title, in its colour
MapLabel the regions you discuss
Legends impose a lookup cost on every reading. Keep one only where direct labelling genuinely will not fit — a dense map, or many small multiples sharing one key.
ImpactMojoData Visualization 101www.impactmojo.in
Point at the one thing that matters
An annotation — a short note with an arrow or a marked point — turns a chart from “here is some data” into “here is what happened.” Mark the spike, name the policy, flag the outlier. It is the cheapest way to make a chart memorable.
One or two annotations, not ten. Annotate the moment that carries your argument and leave the rest of the chart quiet.
AnnotateExample
A spike or break‘Lockdown, Mar 2020’
A policy start‘Mission launched, 2014’
An outlierName the state and the value
A definition change‘Series break: revised definition’
The last row is an integrity matter, not a nicety. An unmarked definition change is read as real change, and it is the most common way official series mislead.
ImpactMojoData Visualization 101www.impactmojo.in
Units, source, date — every time
  • Units on the axis: ₹, %, per 1,000, thousands — never make the reader guess.
  • Source line: who collected the data, which dataset, which year.
  • Date: when the data is from, and when the chart was made if it differs.
  • Notes: definitions, exclusions, “provisional” or “approximate” flags.
A sourced chart can travel on its own and be trusted. An unsourced one is just a claim.
Fine printMust say
Units₹, %, per 1,000, thousands
SourceCollector, dataset, round
DateData year; chart date if different
NotesEstimate, projection, provisional
Write the source line as something a reader could act on: ‘NFHS-5 (2019–21), Table 4.3’ can be checked; ‘Government data’ cannot.
ImpactMojoData Visualization 101www.impactmojo.in
Round to the precision that matters
“63.7%” implies you know the figure to a tenth of a percent; often you do not. Round to the precision your data and your reader actually need — usually whole numbers for a public audience.
  • Match precision to the margin of error: don’t quote decimals a survey can’t support.
  • Use thousands separators and consistent units across a chart.
  • Indian readers: lakh/crore for domestic figures, millions/billions for international comparison — pick one and stay consistent.
PrecisionImplies you knowUsually appropriate for
63.7%To a tenth of a pointRarely, with a stated margin
64%To the pointMost public reporting
About two-thirdsA rough magnitudeNarrative text
Match the digits to the uncertainty. A survey estimate with a ±3-point margin reported to one decimal place is claiming ten times the precision it has.
ImpactMojoData Visualization 101www.impactmojo.in
Annotating a line
A flat line of full-immunisation coverage suddenly climbs after 2014. The raw chart shows the rise; the annotated chart explains it:
1
Finding title: “Coverage rose after the 2014 mission”
2
Marker + note at the 2014 inflection
3
Source + “latest data 2021”
Same line, three small additions — now it argues a point instead of just plotting one.
ImpactMojoData Visualization 101www.impactmojo.in
07
Section Seven
Tables & Numbers
This section coversSlide
When a table is the right answer59
Table design and number alignment60–61
Sparklines and KPI cards62–63
Tables are treated as the thing you produce when you failed to make a chart. For exact figures, lookup, and screen-reader access they are simply the better instrument.
ImpactMojoData Visualization 101www.impactmojo.in
Sometimes the table is the answer
When readers need exact figures, when there are only a handful of numbers, or when they will look up specific rows, a well-set table beats a chart. Tufte’s rule of thumb: for a small dataset that will be read closely, a table often communicates better.
Don’t force a chart onto data that wants to be a table — and don’t bury 200 rows in a table that wants to be a chart.
Use a table whenUse a chart when
Readers need exact figuresThe pattern is the message
They will look up their own rowMany values are compared at once
Fewer than about 20 numbersThe shape or trend matters
Several units sit side by sideOne unit runs across all values
Tables are also the accessible form. A screen reader can navigate a well-marked table; it cannot read a picture of one.
ImpactMojoData Visualization 101www.impactmojo.in
A table is a designed object too
  • Order rows meaningfully — by value, not alphabetically, unless lookup is the point.
  • Light rules, not heavy grids — a line under the header and at the foot is usually enough.
  • Group and indent to show hierarchy instead of repeating labels.
  • One idea per column; put units in the header, not every cell.
DoInstead of
Order rows by valueAlphabetical, unless lookup is the point
A rule under the header and at the footA full grid
Indent to show hierarchyBoxed sub-tables
Whitespace to groupColoured banding on every row
Add a change or difference column so the reader is not doing arithmetic. It is the single highest-value addition to a comparison table.
ImpactMojoData Visualization 101www.impactmojo.in
Align numbers so the eye can compare
Do
Right-align numbers, fix the decimal places, use a mono/tabular figure so digits line up in columns. Then magnitudes are visible at a glance — longer number, bigger value.
Don’t
Centre numbers, mix “1,200” with “1200.0”, or vary decimal places down a column. The digits stop lining up and comparison breaks.
Left-align text, right-align numbers. This one habit makes any table more readable.
DoDon’t
Right-align numbersCentre them
Fix the decimal places down a columnMix 1,234 and 1234.0
Use tabular (mono-width) figuresUse proportional digits
Units in the headerUnits repeated in every cell
Aligned digits turn a column of numbers into a crude bar chart: the longer number is visibly the bigger one. Centring destroys that for no gain.
ImpactMojoData Visualization 101www.impactmojo.in
Sparklines: a chart the size of a word
A sparkline is a small, axis-free line drawn inline — enough to show a trend right next to the number it describes. Add a column of sparklines to a table and readers get the exact value and the shape of its history together.
Sparklines, in-cell bars and up/down arrows let a table carry pattern as well as precision — the best of both worlds for a dashboard or report.
Sparkline givesCost
Trend beside the exact valueNo axis, so no absolute reading
Many series in little spaceSmall differences invisible
Sparklines work best when each row shares a scale and the reader only needs the shape. Mark the last point, and state the range in the column header so the shape has an anchor.
ImpactMojoData Visualization 101www.impactmojo.in
The KPI card: one number, well dressed
Sometimes the most effective “visualisation” is a single large figure with a label and a tiny bit of context. Used on dashboards and report covers, these big-number cards make the headline impossible to miss.
63%
rural households with piped water
illustrative
−2.1pp
vs last year
28
states & UTs covered
KPI card elementPurpose
The number, largeThe headline
A label with unitsWhat it is
A comparison (vs last year, vs target)Whether it is good
A source lineWhether to believe it
A big number without a comparison is not information. ‘76%’ means nothing until the reader knows it was 62% in 2015, or that the target is 90%.
ImpactMojoData Visualization 101www.impactmojo.in
A clean comparison table
Indicator20152021Change
Full immunisation (%)6276+14
Institutional births (%)7989+10
Stunting, under-5 (%)3836−2
Numbers right-aligned, units in the header, a change column to do the arithmetic for the reader. Source: NFHS-4 and NFHS-5, all-India (illustrative selection).
Design choiceWhy
Numbers right-alignedMagnitude visible down the column
Units in the headerNo repetition in cells
Change columnThe reader does no arithmetic
Rows ordered by changeThe finding is the ranking
A table built this way answers both the lookup question and the pattern question, which is what a chart of the same data could not do.
ImpactMojoData Visualization 101www.impactmojo.in
08
Section Eight
Spread & Uncertainty
This section coversSlide
Why the average hides the spread66
Histograms, boxes and every-point plots67–69
Showing uncertainty honestly70–71
Projections as fans, not lines72
Almost every development figure you will chart is an estimate. Drawing it as a bare point claims a precision the underlying survey never had.
ImpactMojoData Visualization 101www.impactmojo.in
The average hides the spread
Two districts can share an average income while one is broadly comfortable and the other has a few rich households among many poor ones. The mean is the same; the distribution is not. Development data is often skewed, so the average can mislead.
Same mean, different shape
Illustrative distributions with equal means.
Two districts, same meanDiffer in
Broadly comfortableLow spread
A few rich among many poorHigh skew
Report the median alongside the mean for any skewed variable, and show the distribution where it drives the conclusion.
ImpactMojoData Visualization 101www.impactmojo.in
Histograms, and the bin problem
A histogram groups values into bins and shows how many fall in each. It reveals shape — symmetric, skewed, bimodal. But the bin width changes the story: too wide hides structure, too narrow turns signal into noise.
Try a few bin widths before settling. If the shape changes wildly with small changes in bins, say so — your data may be thinner than it looks.
Bin widthRisk
Too wideStructure disappears; bimodality hidden
Too narrowNoise read as pattern
DefaultChosen by the software, not by you
Try three or four bin widths before choosing, and say which you used. A histogram is one of the few chart types where the analyst’s parameter choice materially changes the finding.
ImpactMojoData Visualization 101www.impactmojo.in
Box plots summarise — and conceal
A box plot compresses a distribution into median, quartiles and whiskers — great for comparing many groups at once. The cost: it hides the actual shape. Two very different distributions can produce identical boxes.
  • Use boxes to compare spread across many categories quickly.
  • When the shape matters (or n is small), overlay or switch to the points themselves.
Box plot showsBox plot hides
Median, quartiles, whiskersThe shape between them
OutliersBimodality entirely
Many groups compactlySample size per group
Overlay the points on the box when n is small enough. Two distributions — one unimodal, one with two clear clusters — can produce identical boxes.
ImpactMojoData Visualization 101www.impactmojo.in
Strip, jitter and beeswarm plots
When you have room and not too many observations, plot every point. A strip plot lines them up; jittering spreads overlaps apart; a beeswarm packs them into a shape that doubles as a density. Readers see the spread, the clusters and the outliers — nothing is hidden behind a summary.
For small datasets, showing the raw points is almost always more honest than summarising them.
PlotBest at
StripSmall n; every point visible
Jittered stripModerate n with ties
BeeswarmShape plus every point
Hex binsLarge n, where points would merge
Showing every point also shows the sample size, which a summary chart conceals. A group of four observations looks exactly as authoritative as a group of four hundred in a box plot.
ImpactMojoData Visualization 101www.impactmojo.in
Show what you don’t know
Most development figures are estimates from samples or models. A point drawn without its uncertainty looks more certain than it is. Error bars, confidence bands and ranges tell the reader how much to trust the dot.
  • Add 95% confidence intervals to survey estimates where you have them.
  • For two bars whose error bars overlap heavily, resist saying one is “higher”.
  • Label what the bar or band represents — SE, 95% CI, min–max are not the same.
ShowWhen
Error barsSample estimates with known margins
Confidence bandA modelled trend
Range or min–maxScenario or measured variability
NothingOnly a true census or full count
Say what the interval is: 95% confidence, an interquartile range and a standard error look similar on the page and mean different things.
If the intervals overlap across the whole ranking, do not present the ranking as an order. Show the intervals and say the differences are not distinguishable.
ImpactMojoData Visualization 101www.impactmojo.in
Bigger samples, smaller error — with diminishing returns
Approximate margin of error vs. sample size (50/50 proportion)
±1.96·√(p(1−p)/n) at p=0.5; standard sampling formula.
Going from 400 to 1,000 respondents roughly halves the error; going from 2,400 to 4,000 barely moves it. This is why national surveys cluster around a few thousand.
ImpactMojoData Visualization 101www.impactmojo.in
Projections are fans, not lines
A forecast drawn as a single confident line invites the reader to believe a precision that does not exist. Show projections as a fan — a widening band — so the growing uncertainty is visible. Mark clearly where measured data ends and the projection begins.
A solid line into the future, with no band and no “projected” label, is one of the easiest ways to overstate what you know.
Forecast shown asReader concludes
A single lineThis is what will happen
A widening fanThis is the range, and it grows
Solid then dashedMeasurement ends here, projection starts
Mark the boundary between measured and projected explicitly, and state the model or scenario. An unmarked projection is read as data.
ImpactMojoData Visualization 101www.impactmojo.in
Showing an income distribution honestly
1
Report the median, not just the mean
2
Plot the histogram so the skew shows
3
Mark mean & median on it
When mean and median sit far apart on the chart, the reader sees the inequality directly — no statistics lecture required.
StepShows
Report the median as well as the meanThat the two differ
Plot the histogramThe skew itself
Mark both on the chartHow far apart they sit
When mean and median are visibly separated on the same axis, the reader sees the inequality directly rather than being told about it.
ImpactMojoData Visualization 101www.impactmojo.in
09
Section Nine
Maps
This section coversSlide
When a map is the wrong choice75
Choropleths and the count-vs-rate trap76–77
Area bias and cartograms78–79
How binning changes the map80
Maps are the chart family most likely to be requested by someone who has not asked what the map is meant to show.
ImpactMojoData Visualization 101www.impactmojo.in
Maps are seductive — and often the wrong choice
A map feels authoritative and is genuinely useful when location is the story. But a lot of data plotted on a map would be clearer as a bar chart — the geography adds beauty while making values harder to compare.
Ask: does the spatial pattern matter, or am I mapping this because maps look impressive? If the latter, a sorted bar will serve the reader better.
Map is right whenMap is wrong when
Location is the findingYou are comparing values by name
Spatial pattern or adjacency mattersRegions differ hugely in size
Readers navigate by geographyA sorted bar would rank them instantly
The test: could the same finding be stated as ‘Kerala is highest, Bihar lowest’? If so, a sorted bar communicates it faster and more accurately than any map.
ImpactMojoData Visualization 101www.impactmojo.in
The shaded-region map, and its trap
A choropleth shades each region by a value. Its biggest trap: shading by a count rather than a rate. A map of “total cases” mostly shows where the people are — big, populous states light up regardless of how bad things actually are there.
Map rates, shares and per-capita figures — not raw totals — unless “how many” really is the question.
Shading byMap actually shows
Total casesWhere the people are
Cases per 100,000Where the risk is
Total spendingPopulation size, again
Spending per personPriority
A count choropleth is the single commonest map error in development reporting, and it always produces the same map: the populous states, lit up.
ImpactMojoData Visualization 101www.impactmojo.in
Per capita, per area, per household
Normalising turns a map of population into a map of the thing you care about. Deaths → deaths per 100,000. Spending → spending per person. Schools → schools per 1,000 children. The denominator is a design decision — choose the one that matches the question.
State the denominator on the chart. “Per 100,000” and “per 100,000 women aged 15–49” can tell very different stories.
NumeratorSensible denominator
DeathsPer 100,000 population
SchoolsPer 1,000 school-age children
SpendingPer person, or per beneficiary
CasesPer 100,000, and per test
The denominator is an argument. ‘Schools per 1,000 children’ and ‘schools per 100 km²’ describe different problems and will produce different maps of the same country.
ImpactMojoData Visualization 101www.impactmojo.in
Big empty regions shout; dense small ones whisper
On a normal map, area equals visual weight. A huge, sparsely populated state (Rajasthan, Ladakh) dominates the eye, while a tiny, densely populated one (Delhi, Kerala’s coast) all but disappears — even when far more people live there. The map over-weights land and under-weights people.
If your subject is people, a land-area map systematically mis-weights them. That is the problem cartograms solve.
On an area mapVisual weight goes to
Rajasthan, Ladakh, KachchhLarge, sparsely populated areas
Delhi, urban KeralaAlmost nothing
Where each region should read equally — states in a national comparison, constituencies in an election — a hex or tile cartogram gives every unit the same visual weight and removes the bias entirely.
ImpactMojoData Visualization 101www.impactmojo.in
Resize geography to match the data
A cartogram distorts regions so their size reflects a value (population, electorate) instead of land area. A hex cartogram gives every region an equal tile — useful when you want each state read equally, regardless of size.
  • Population cartogram: each state’s area ∝ its population — honest weighting for people-based data.
  • Hex/tile grid: every state an equal cell — clear, if geographically loose.
  • Trade-off: cartograms are less recognisable, so label generously.
TypeSizes regions byCost
Contiguous cartogramA value; shapes distortedHard to recognise
Hex / tile cartogramEqual tilesLoses real geography
Dorling (circles)A valuePositions approximate
Add a small conventional locator map alongside. Cartograms are unfamiliar enough that readers need an anchor to orient themselves.
ImpactMojoData Visualization 101www.impactmojo.in
How you cut the colour scale changes the map
A choropleth groups values into colour bins, and the cut-points are a choice. Equal-interval bins split the range evenly; quantile bins put equal numbers of regions in each colour. The same data can look alarming or calm depending on the scheme.
Don’t tune the bins until the map says what you want. Pick a defensible scheme, state it, and keep it consistent across related maps.
BinningPutsRisk
Equal intervalEqual value ranges per binSkewed data crowds into one bin
QuantileEqual counts per binImplies differences that may be tiny
Natural breaks (Jenks)Bins at gaps in the dataBins move between rounds
Fixed, policy-basedBins at meaningful thresholdsBest for comparability over time
State the bin scheme and the cut-points in the legend. The same data with two binning choices produces two maps that support two different conclusions, and neither is wrong.
ImpactMojoData Visualization 101www.impactmojo.in
A map of Indian states, done honestly
1
Use a rate (female literacy %), not a count
2
Hex tiles so small states read equally
3
Sequential ramp + stated bins
See this exact chart built from Census data on The Long View — ImpactMojo’s data-visualisation showcase.
ChoiceInstead of
Female literacy rateA count of literate women
Hex tiles, equal sizeLand area, where Rajasthan dominates
Sequential ramp, bins statedA rainbow with no legend anchor
Three decisions, and each one removes a specific distortion named earlier in this section.
ImpactMojoData Visualization 101www.impactmojo.in
10
Section Ten
Audience & Access
This section coversSlide
Knowing the reader and the medium83–84
Contrast, type size and alt text85
Redundant coding beyond colour86
Data-ink, chartjunk, interaction87–89
Accessibility work is not a separate pass at the end. Nearly all of it — contrast, labelling, redundant coding — also makes the chart clearer for everyone else.
ImpactMojoData Visualization 101www.impactmojo.in
Who is this for, and where will they see it?
A chart for a statistics-literate panel can carry more complexity than one for the general public. A chart for a printed report is read slowly and closely; one on a projector has three seconds from the back row. Design for the actual reader and the actual medium.
The most common failure is showing an analyst’s working chart — dense, unlabelled, six series — to a public audience who needed one clear line.
ReaderTime they will give itSo
Statistics-literate panelMinutesComplexity is affordable
Report readerA minuteLabel fully; expect close reading
Slide audienceThree secondsOne point, large type
Social mediaOne second, on a phoneTitle carries the finding
A chart that will be screenshotted must survive leaving its caption behind. Assume the frame is all the reader gets.
ImpactMojoData Visualization 101www.impactmojo.in
Print, screen, mobile, projector
MediumDesign for…
Print reportHigh detail, small fonts OK, must work in greyscale
Web / screenInteraction possible, but make it readable static-first
MobileOne idea, large text, vertical, few categories
Projector / roomBig marks, high contrast, 3-second readability
A chart that works on a laptop can be unreadable on a phone or a projector. Test it where it will actually be seen.
MediumDesign forWatch
Print reportDetail; small type acceptableMust work in greyscale
WebStatic-first; interaction optionalResponsive width
MobileOne idea, large text, verticalFew categories; no wide tables
ProjectorHigh contrast, minimal textThin lines and pale colours vanish
Test on the medium it will actually appear in before shipping. A chart that reads well at desktop width regularly fails at 360px, and nobody notices until it is published.
ImpactMojoData Visualization 101www.impactmojo.in
Make charts readable by everyone
  • Contrast: dark text on light, light on dark — meet WCAG contrast ratios.
  • Font size: nothing smaller than the reader can comfortably read in the medium.
  • Alt text: describe the chart’s point in words for screen-reader users.
  • Data table: offer the underlying numbers for those who can’t use the visual.
Accessibility is not an add-on for a few users — high contrast and large type make a chart clearer for everyone.
RequirementStandard
Text contrastWCAG 4.5:1 for body text
Font sizeLegible in the medium, not just on your screen
Alt textStates the finding, not ‘bar chart’
Underlying dataLinked or tabulated where possible
Write alt text as the sentence you would say aloud: ‘Female literacy ranges from 66% in Bihar to 96% in Kerala, with the southern states highest.’ That serves a screen-reader user better than any description of the geometry.
ImpactMojoData Visualization 101www.impactmojo.in
Never rely on colour alone
Because some readers cannot distinguish certain colours — and because charts get printed in greyscale and photographed badly — pair every colour with a second cue. Then the chart still works when the colour is lost.
  • Lines: different dash patterns or direct labels as well as colour.
  • Points: different shapes (circle, triangle, square) as well as colour.
  • Categories on bars: direct labels so colour is a bonus, not the only key.
Colour also encoded asExample
Position or orderSorted bars
Shape or markerCircle vs triangle in a scatter
Line styleSolid vs dashed
A direct labelThe name written on the line
Redundant coding is what keeps a chart working when it is printed in greyscale, projected badly, photographed from a screen, or read by someone with a colour-vision deficiency — which between them covers most real viewing conditions.
ImpactMojoData Visualization 101www.impactmojo.in
Data-ink ratio
Tufte’s idea: of all the ink on a chart, what share actually encodes data? Maximise it. Every gridline, border, shadow and background that isn’t carrying information is competing with the part that is.
Erase to improve: drop heavy gridlines, boxes and backgrounds, and the data stands out more. But don’t strip away helpful labels in the name of minimalism — words are data-ink too.
InkCarries data?
Bars, lines, pointsYes
Axis ticks and labelsYes — keep
Heavy gridlinesRarely
Chart border, background fillNo
Drop shadows, gradientsNo
Treat data-ink as a direction rather than a rule. Stripped past a point, charts become austere and harder to read; gridlines that help a reader trace a value across a wide chart are earning their ink.
ImpactMojoData Visualization 101www.impactmojo.in
Cut the junk
Chartjunk is decoration that adds no information and often subtracts clarity: 3D effects, gradients, clip-art, busy backgrounds, needless gridlines, redundant legends. It makes a chart look “designed” while making it harder to read.
The test for any element: if removing it loses no information, remove it. What remains is the chart.
ChartjunkReplace with
3D effectsA flat chart
Clip-art and icons in barsNothing
Busy background imageWhite space
Legend duplicating direct labelsThe direct labels alone
The test is subtraction: remove an element and ask whether anything was lost. If nothing was, it was junk, and the chart is now better.
ImpactMojoData Visualization 101www.impactmojo.in
Animate and interact — only when it helps
Interaction (hover, filter, zoom) and animation (transitions between states) are powerful for exploration and for showing change. But a static reader sees none of it, and a gratuitous animation just delays the point. Always make the chart work as a still image first.
  • Good: animate a transition so the reader can follow what moved.
  • Good: let users filter a big dataset to their own region.
  • Bad: spinning, bouncing or fading that carries no meaning.
Use interaction forDo not use it for
Exploration by the readerHiding the main finding behind a click
Filtering many seriesSubstituting for a clear default view
Showing exact values on hoverAnything a print reader needs
Design the static default first and make it complete. Interaction is unavailable to a print reader, a screenshot, a slide, and often to a screen-reader user.
Animated transitions help when they show the same objects moving between states. Animation that merely introduces a chart costs attention and returns nothing.
ImpactMojoData Visualization 101www.impactmojo.in
11
Section Eleven
Workflow & Tools
This section coversSlide
The process, and where the time goes91–92
No-code and code tools93–94
Where to find good South Asian data95
Who to learn from, and how to practise96–98
No tool on the next few slides will make a bad encoding decision good. Choose the tool for the workflow you actually have — and for whether the chart must regenerate when the data updates.
ImpactMojoData Visualization 101www.impactmojo.in
From data to finished chart
1
Question
2
Get & clean data
3
Explore (rough charts)
4
Choose & refine
5
Annotate & source
Most of the work is steps 2 and 3 — cleaning the data and looking at it. The pretty final chart is the last 10%.
StepShare of the effort
Frame the questionSmall, decisive
Get and clean the dataLarge
Explore with rough chartsLarge
Choose and refineModerate
Annotate and sourceSmall, and always skipped
The last row is the one that ships broken. Sourcing and annotation are the final ten minutes, they come when time has run out, and their absence is what makes a chart unusable a year later.
ImpactMojoData Visualization 101www.impactmojo.in
Pencil before pixels
Before opening any tool, sketch the chart on paper. It costs seconds, forces you to decide what goes on each axis, and surfaces a better idea than the software’s default. The tool should execute your decision, not make it for you.
A rough sketch you can show a colleague in 30 seconds will save you an hour of polishing the wrong chart.
Sketching forces you to decideBefore the software decides
What is on each axisIt picks the first column
What is sorted, and by whatIt sorts alphabetically
What the title claimsIt titles it ‘Chart 1’
What is greyed outIt colours everything
Software defaults are not neutral: they are one designer’s choice applied to every dataset. Sketching first is how you avoid inheriting them by accident.
ImpactMojoData Visualization 101www.impactmojo.in
Tools: spreadsheets and chart builders
  • Spreadsheets (Excel, Google Sheets, LibreOffice) — fine for quick exploration; fight their ugly defaults.
  • Datawrapper — free, makes honest, clean, responsive charts and maps fast; the newsroom standard.
  • Flourish — interactive and animated charts and stories, no code.
  • RAWGraphs — free, good for less common chart types (Sankey, beeswarm).
For most practitioners, Datawrapper covers 80% of needs and is hard to make ugly. Start there.
ToolGood forWatch
SpreadsheetsFast explorationDefaults need fighting
DatawrapperClean, responsive, sourced charts and mapsFree tier; hosted
FlourishStory-driven and animated chartsAttribution on free plans
RAWGraphsUnusual chart types quicklyLess polish for publication
Datawrapper is the pragmatic default for most development reporting: it enforces a source line, produces responsive output, and its defaults are already close to honest.
ImpactMojoData Visualization 101www.impactmojo.in
Tools: when you want full control
ToolGood for
Python (matplotlib, seaborn, plotly)Analysis-to-chart in one place; reproducible
R (ggplot2)Statistical graphics; the grammar of graphics done well
D3.js / ObservableBespoke, interactive web visuals; full control
Vega-LiteDeclarative charts from a JSON spec
Code wins when you need reproducibility, automation, or a chart no tool offers. The charts on The Long View are hand-built in SVG for exactly this reason.
ToolGood forCost
Python (matplotlib, seaborn)Analysis and chart in one scriptVerbose styling
R (ggplot2)Grammar-of-graphics statistical chartsA language to learn
D3.js / ObservableBespoke interactive web visualsHigh effort per chart
QGISReal cartographySteep, but the right tool for maps
The argument for code is reproducibility: when the data updates, the chart regenerates, and anyone can see exactly what was done to produce it.
ImpactMojoData Visualization 101www.impactmojo.in
Where to find good data (South Asia)
  • India: NFHS, Census, NSS, PLFS, data.gov.in, RBI, budget documents.
  • Global: World Bank, UN agencies (WHO, UNICEF, UN DESA), Our World in Data.
  • Climate: IPCC, EDGAR, Global Carbon Project, national communications.
  • Always: read the methodology, note the year, check the definition before you plot.
ImpactMojo’s Dataverse collects vetted development datasets for South Asia in one place.
SourceCovers
NFHSHealth, nutrition, women’s status; district level
Census · PLFS · NSSPopulation, work, consumption
data.gov.in · RBI · budget documentsAdministrative and fiscal
World Bank · WHO · UNICEF · Our World in DataCross-country comparison
IPCC · EDGAR · Global Carbon ProjectClimate
Record the exact table and round you took a figure from at the moment you take it. Reconstructing a source line later is the most avoidable half-hour in this work.
ImpactMojoData Visualization 101www.impactmojo.in
People and places to learn from
  • Our World in Data — a master-class in clear, sourced development charts.
  • The Financial Times & The Economist visual teams — and the FT’s public “Visual Vocabulary”.
  • VizChitra — India’s data-visualisation community and conference.
  • The Pudding, Reuters Graphics, IndiaSpend for data journalism in context.
The fastest way to improve: find a chart you admire and work out, element by element, why it works.
Learn fromFor
Our World in DataSourced, honest development charts at scale
FT Visual VocabularyA chart-family reference on one page
The Economist / FT graphics teamsAnnotation and finding titles
VizChitraThe Indian data-visualisation community
Copy structure rather than style. What is worth taking from these is how they frame a question and annotate an answer, not their fonts.
ImpactMojoData Visualization 101www.impactmojo.in
Further reading
  • Edward Tufte — The Visual Display of Quantitative Information
  • Alberto Cairo — The Truthful Art and How Charts Lie
  • Cole Nussbaumer Knaflic — Storytelling with Data
  • Tamara Munzner — Visualization Analysis & Design (the marks-and-channels theory)
  • Catherine D’Ignazio & Lauren Klein — Data Feminism (power and data)
BookGives you
Tufte, Visual DisplayData-ink, chartjunk, the aesthetic argument
Cairo, How Charts LieThe integrity chapter of this course, in full
Knaflic, Storytelling with DataPractical decluttering and narrative
Munzner, Visualization Analysis & DesignThe marks-and-channels theory rigorously
If you read one, read Cairo. It is the most directly useful to someone publishing charts about public policy.
ImpactMojoData Visualization 101www.impactmojo.in
Get better by redrawing
Theory only takes you so far. Pick one chart a week — from a newspaper, a report, your own work — and redraw it better. Decide what it is for, fix the encoding, cut the junk, write a finding title, add the source. Keep the before-and-after.
Then explore ImpactMojo’s The Long View — every chart there is built from real, cited data, with notes on why that chart type and what to look for. It is this course, made concrete.
Redraw stepAsk
IdentifyWhat is this chart for?
Re-encodeDoes the key variable have the best channel?
DeclutterWhat can be removed with nothing lost?
RetitleWhat does it actually find?
SourceCould a reader check it?
Keep the before and after side by side. The pair teaches more than either alone, and it is the fastest way to show a colleague why an encoding choice matters.
ImpactMojoData Visualization 101www.impactmojo.in
The whole course as a checklist
Before you draw
• What is the one question?
• Comparison, trend, part, spread or link?
• Which channel carries the key variable?
• Who reads it, and where?
Before you publish
• Bars from zero; areas by area
• Full, fair time window
• Title states the finding, honestly
• Colour-blind safe, not colour-only
• Units, source, date on the chart
Honest first, clear second, beautiful third — in that order, always.
Before you drawBefore you publish
What is the one question?Bars from zero; areas by area
Which chart family?Full, fair time window
Which channel carries the key variable?Title claims only what the data supports
Who reads it, and where?Colour-safe; works in greyscale
Static or interactive?Sourced, dated, units stated
Every item on the right can be checked in under a minute, and each one has been the difference between a chart that informed and a chart that misled.
ImpactMojoData Visualization 101www.impactmojo.in
ImpactMojo 101 Series
Now go
draw it.
Free Forever·CC BY-NC-ND 4.0·www.impactmojo.in