intermediate20 min

Data Interpretation

Reading structured data given as arrays of labeled values, computing percentages, ratios, and differences from it, and spotting misleading presentations.

What you'll learn

  • Compute totals, averages, and percentage shares from a table of labeled values
  • Identify the value with the largest share of a total from a labeled dataset
  • Recognize at least two common ways data can be presented misleadingly

Prerequisites

Explanation

Data interpretation questions present numbers in a table or chart and ask you to compute something from them: a total, an average, a percentage change, a share, or a comparison. This lesson represents chart-like data the same way a spreadsheet or a simple bar chart would internally: as an array of objects, each with a label and a value, like [{ label: "Q1", value: 200 }, { label: "Q2", value: 250 }]. Reading data this way is exactly the same skill as reading it off an actual bar or line chart — you're just looking directly at the numbers a chart would otherwise draw as bar heights or line positions.

Computing basics. Total is the sum of every value; average is that total divided by the number of entries; a value's percentage share of the whole is (that value / total) × 100.

Worked example. Suppose quarterly revenue is Q1 = ₹200, Q2 = ₹250, Q3 = ₹300, Q4 = ₹250 (in some currency unit). Total = 200+250+300+250 = 1000. Average = 1000/4 = 250. Q3's share of the annual total = (300/1000) × 100 = 30%. Percentage growth from Q1 to Q2 = ((250−200)/200) × 100 = 25% — note this uses Q1 as the base, the earlier value, since "growth from X to Y" always measures relative to the starting point X.

Spotting misleading presentations matters just as much as the arithmetic, because real charts are sometimes constructed (deliberately or carelessly) to exaggerate or understate a difference:

  • Truncated (non-zero) axes. If a bar chart's vertical axis starts at 90 instead of 0, a change from 92 to 94 units — a genuinely small 2.2% increase — can visually look like the bar nearly tripled in height, because the visible portion of the bars is being compared, not their true proportional heights from zero.
  • Percentage points vs. percent change. If approval moves from 40% to 44%, that's correctly described as a 4 percentage-point increase. It's also correctly describable as a 10% relative increase, because 4 is 10% of the original 40 (4/40 = 0.10). Both phrasings can be simultaneously true — they're describing the same jump two different ways — but they are not generally the same number, and conflating them (assuming "percentage point" and "percent" are always interchangeable, or that they must always give the same figure) is a frequent source of confusion.
  • Wrong denominator for a share. Computing a percentage share using a subgroup's total instead of the full dataset's grand total silently changes what the percentage actually means, even though the arithmetic itself is done correctly.

The reliable habit: before trusting any single number pulled from a chart or table, identify exactly what the denominator is (the whole that a percentage is a share of) and whether the axis or scale you're reading actually starts at zero.

Representing chart data as labeled values

A bar chart showing quarterly revenue is represented here as an array of {label, value} pairs: Q1=200, Q2=250, Q3=300, Q4=250. Reading a percentage share or a percentage change from this array is the same computation as reading it from the chart's bar heights directly.

Example

Percentage growth between two labeled entries uses the earlier value as the base.

function percentGrowth(data, fromLabel, toLabel) {
  const from = data.find((d) => d.label === fromLabel).value;
  const to = data.find((d) => d.label === toLabel).value;
  return Math.round(((to - from) / from) * 100 * 100) / 100;
}
// Example: percentGrowth([{ label: "Q1", value: 200 }, { label: "Q2", value: 250 }], "Q1", "Q2") -> 25

Guided exercise

Guided exercise

Write totalAndAverage(data) where data is an array of { label, value } objects. Return an object { total, average } where total is the sum of all values and average is that total divided by the number of entries, rounded to 2 decimal places.

Checks: Computes total and average for three entries · Computes total and average with a non-integer average · plus 1 hidden check

Code editor. Press Escape then Tab to leave the editor if keyboard focus becomes trapped. Press Control+Shift+M inside the editor to toggle Tab-key focus trapping.

Loading editor…

Stuck? Get a hint.

Independent exercise

Independent exercise

Write findLargestShare(data) where data is an array of { label, value } objects. Return an object { label, percent } identifying the entry with the largest value, where percent is that entry's percentage share of the total across all entries, rounded to 2 decimal places.

Checks: Finds the largest of three entries and its share · Finds the largest of two entries and its share · plus 1 hidden check

Code editor. Press Escape then Tab to leave the editor if keyboard focus becomes trapped. Press Control+Shift+M inside the editor to toggle Tab-key focus trapping.

Loading editor…

Stuck? Get a hint.

Common mistakes

  • Reading a bar's apparent height directly off a chart whose axis doesn't start at zero, which exaggerates how large the difference between bars really is.
  • Treating a 'percentage point' change and a 'percent' change as always numerically identical, when they generally describe different quantities that only happen to coincide in specific cases.
  • Computing a percentage share using a subgroup's total as the denominator instead of the full dataset's grand total.

Knowledge check

Knowledge check

1. A table shows a company's revenue: Year 1 = ₹40 lakh, Year 2 = ₹50 lakh. What is the percentage increase in revenue from Year 1 to Year 2?
2. A bar chart's vertical axis starts at 90 instead of 0, making a change from 92 units to 94 units appear to be a huge jump in bar height. What data-presentation issue does this illustrate?
3. A survey shows an approval rating moved from 40% to 44%. Which description is correct?

Takeaway

Before trusting any percentage or comparison pulled from a table or chart, check what the denominator actually is and whether the scale you're reading truly starts at zero.

Summary

Reading structured data as an array of labeled values makes totals, averages, and percentage shares straightforward to compute, always using the grand total as the denominator for a share. Misleading presentations commonly come from truncated axes that exaggerate visual differences, or from conflating percentage-point changes with percent changes, which are related but generally distinct measurements.

Your notes

Notes save automatically.

Finished this lesson?

Mark it complete to track your progress and schedule a future review.