Data
Storytelling
Design

Data Visualization That Tells a Story

A number alone is a fact. A number with context is information. A number with a story is persuasion. Learn when to use counters, sparklines, badges, gauges, and dashboards.

Dev Decks Team

Product & Growth

April 4, 2026

10 min read

A number on its own is a fact. A number with context is information. A number with a story is persuasion.

Most decks present data at the first level — "Our revenue is £240k." That's a fact, and it means nothing until the viewer decides whether £240k is good, bad, or irrelevant. The moment you add context — "£240k MRR, up 340% year over year" — the number starts to mean something. And when you add story — an animated counter climbing from zero, a comparison badge showing you're growing 5x faster than the market, a trend line showing the trajectory — the number becomes impossible to ignore.

This article is about turning flat data into visual stories that persuade.

The Data Presentation Ladder

Think of data presentation as a ladder with three rungs. Each step up makes your numbers more impactful.

Level 1: The Number

£240,000

A bare figure. The viewer has to do all the work — deciding whether this is impressive, context, and what it means for them. This is how most template tools present data.

Level 2: The Number With Context

£240,000 MRR — up from £70k last year

Now the viewer understands the trajectory. They can see growth. But it's still text, and they have to read and process it themselves.

Level 3: The Number With Story

A large animated counter climbing from 0 to £240k. A "+340% YoY" badge appears beside it. A small sparkline chart underneath shows the monthly trend — a clear upward curve. The counter draws the eye, the badge gives context, the trend confirms the story.

The viewer doesn't read this — they experience it. The climbing counter creates anticipation. The badge delivers the punchline. The trend line provides proof. All in 3 seconds.

Always aim for Level 3 on your most important numbers. Level 1 and 2 are fine for supporting data.

The "So What?" Test

Before putting any number on a slide, ask: "So what?"

  • "We have 1,200 customers." So what? Is that good? For whom?
  • "We have 1,200 customers — up 400% in 12 months." Now I know the growth rate.
  • "We have 1,200 customers — 400% growth — and the average enterprise has 3 competitors to choose from." Now I understand the market position.

Every data point on your slide should pass this test. If the viewer could look at a number and think "so what?", you need more context or you need to cut it.

Prompts that pass the "so what?" test:

"Show our customer count (1,200) with context: up 400% in 12 months, and a comparison to the industry average growth of 40%. Our number should feel exceptional."

"Revenue counter climbing to £240k, with a badge showing '+340% YoY' and a small note: 'Top 5% of SaaS companies at this stage.' Give the number meaning."

"NPS score of 72 shown as a gauge. Mark the industry average (42) on the gauge so the viewer can see how far above average we are. The gap should be obvious."

Choosing the Right Format

Different types of data need different visual treatments. Here's when to use what.

Animated Counters

Best for: Your headline numbers — revenue, customers, funding, growth rate. The ones that should feel big and earned.

When to use: When the number itself is the star. When you want the viewer to watch it climb and feel the magnitude.

"Revenue counter climbing to £2.4M, large and centred on a dark background. Nothing else on the slide. Let the number speak."

Trend Lines and Sparklines

Best for: Showing direction over time. Is this metric going up, down, or sideways? How fast?

When to use: When the trajectory matters more than today's number. When you want to show momentum.

"Monthly revenue trend — a small line chart showing the last 12 months. The line draws itself left to right. Mark the inflection point where growth accelerated. Keep it clean — no axis labels, just the curve and the start/end values."

Comparison Badges

Best for: Benchmarking against competitors, industry averages, or your own previous performance. The "+340% YoY" or "5x industry average" callout.

When to use: When the number only makes sense relative to something else. When you need to answer "compared to what?"

"Our growth rate (34%) with a comparison badge: 'Industry average: 8%.' Show both numbers, with ours large and coloured, theirs small and grey. The gap should feel dramatic."

Metric Cards

Best for: Showing multiple data points in a scannable layout. Dashboard-style presentations where you have 4-8 metrics that tell a collective story.

When to use: Board updates, executive summaries, quarterly reviews. When no single number is the hero — the collection is.

"Four metric cards in a row: MRR (£240k), Customers (1,200), Growth (34%), NPS (72). Each card has the number large, a trend arrow, and a tiny sparkline. Clean grid layout. All counters climb in sequence."

Progress Indicators

Best for: Fundraising progress, project completion, goal attainment. Anything with a known target where you're showing how far you've come.

When to use: When the story is "we're this far along" or "this much left to go."

"Fundraising progress — a horizontal bar filling to 64% (£3.2M of £5M). The bar animates from left to right. The target is marked with a dotted line. Below: 'Expected close: Q2 2026.'"

Pie and Donut Charts

Best for: Market share, revenue breakdown by segment, resource allocation. Showing how parts make up a whole.

When to use: When you have 3-5 categories (never more than 6 — beyond that, pies become unreadable). When the relative sizes matter.

"Revenue by segment — donut chart: Enterprise 45%, Mid-market 35%, SMB 20%. Our largest segment is pulled out slightly and highlighted. Hover over each segment to see the exact figure and customer count."

Tables With Visual Enhancement

Best for: Detailed comparisons, feature matrices, pricing breakdowns. When you need the precision of a table but the impact of a visual.

When to use: When viewers need to compare specific values across categories. When a chart would lose the detail.

"Quarterly metrics table — rows: revenue, growth, customers, churn, NPS. Columns: Q1, Q2, Q3, Q4. Positive changes highlighted green, negative amber. The best quarter in each row is bold. Clean, scannable, informative."

Data Storytelling Techniques

The Reveal

Don't show all the data at once. Build to it.

"Slide opens dark and empty. After a pause, one number fades in: '£2.4M.' It counts up from zero. After it lands, a subtitle appears: 'Monthly Recurring Revenue.' Then three supporting metrics drop in below, one by one. The viewer processes each piece before the next arrives."

The Comparison

Show two things side by side to make the difference obvious.

"Two metric cards side by side. Left: 'Industry average — 4 hours per deck' in grey. Right: 'Dev Decks — 2 minutes per deck' in brand colour with a counter. The contrast does the persuading."

The Trend

Show where you've been and where you're going.

"Growth chart — a line starting at £10k MRR 18 months ago, climbing to £240k today. Key milestones marked on the line: first enterprise customer, product launch, Series A. The line draws itself. A dotted extension shows the projected trajectory."

The Accumulation

Start small and build to an impressive total.

"Individual customer logos appearing one by one in a grid — 12 logos, each fading in with a small delay. Below the grid, a counter climbs to the total: '1,200+ customers.' The individual logos make the abstract number feel real."

Common Data Mistakes

Too many numbers on one slide. If a slide has more than 6 data points, it's too dense. Split it into two slides or use a dashboard layout with clear hierarchy.

All numbers the same size. When every metric is treated equally, nothing stands out. Choose one hero number and make it 2-3x larger than everything else.

Numbers without context. "Revenue: £240k" means nothing without a benchmark. Always include: vs target, vs last period, vs industry average, or vs the beginning.

Charts that need explanation. If a chart requires a paragraph of text to understand, it's the wrong chart. The visual should communicate the story on its own.

A number on its own is a fact. A number with context is information. A number with a story is persuasion.

Most decks present data at the first level — "Our revenue is £240k." That's a fact, and it means nothing until the viewer decides whether £240k is good, bad, or irrelevant. The moment you add context — "£240k MRR, up 340% year over year" — the number starts to mean something. And when you add story — an animated counter climbing from zero, a comparison badge showing you're growing 5x faster than the market, a trend line showing the trajectory — the number becomes impossible to ignore.

This article is about turning flat data into visual stories that persuade.

The Data Presentation Ladder

Think of data presentation as a ladder with three rungs. Each step up makes your numbers more impactful.

Level 1: The Number

£240,000

A bare figure. The viewer has to do all the work — deciding whether this is impressive, context, and what it means for them. This is how most template tools present data.

Level 2: The Number With Context

£240,000 MRR — up from £70k last year

Now the viewer understands the trajectory. They can see growth. But it's still text, and they have to read and process it themselves.

Level 3: The Number With Story

A large animated counter climbing from 0 to £240k. A "+340% YoY" badge appears beside it. A small sparkline chart underneath shows the monthly trend — a clear upward curve. The counter draws the eye, the badge gives context, the trend confirms the story.

The viewer doesn't read this — they experience it. The climbing counter creates anticipation. The badge delivers the punchline. The trend line provides proof. All in 3 seconds.

Always aim for Level 3 on your most important numbers. Level 1 and 2 are fine for supporting data.

The "So What?" Test

Before putting any number on a slide, ask: "So what?"

  • "We have 1,200 customers." So what? Is that good? For whom?
  • "We have 1,200 customers — up 400% in 12 months." Now I know the growth rate.
  • "We have 1,200 customers — 400% growth — and the average enterprise has 3 competitors to choose from." Now I understand the market position.

Every data point on your slide should pass this test. If the viewer could look at a number and think "so what?", you need more context or you need to cut it.

Prompts that pass the "so what?" test:

"Show our customer count (1,200) with context: up 400% in 12 months, and a comparison to the industry average growth of 40%. Our number should feel exceptional."

"Revenue counter climbing to £240k, with a badge showing '+340% YoY' and a small note: 'Top 5% of SaaS companies at this stage.' Give the number meaning."

"NPS score of 72 shown as a gauge. Mark the industry average (42) on the gauge so the viewer can see how far above average we are. The gap should be obvious."

Choosing the Right Format

Different types of data need different visual treatments. Here's when to use what.

Animated Counters

Best for: Your headline numbers — revenue, customers, funding, growth rate. The ones that should feel big and earned.

When to use: When the number itself is the star. When you want the viewer to watch it climb and feel the magnitude.

"Revenue counter climbing to £2.4M, large and centred on a dark background. Nothing else on the slide. Let the number speak."

Trend Lines and Sparklines

Best for: Showing direction over time. Is this metric going up, down, or sideways? How fast?

When to use: When the trajectory matters more than today's number. When you want to show momentum.

"Monthly revenue trend — a small line chart showing the last 12 months. The line draws itself left to right. Mark the inflection point where growth accelerated. Keep it clean — no axis labels, just the curve and the start/end values."

Comparison Badges

Best for: Benchmarking against competitors, industry averages, or your own previous performance. The "+340% YoY" or "5x industry average" callout.

When to use: When the number only makes sense relative to something else. When you need to answer "compared to what?"

"Our growth rate (34%) with a comparison badge: 'Industry average: 8%.' Show both numbers, with ours large and coloured, theirs small and grey. The gap should feel dramatic."

Metric Cards

Best for: Showing multiple data points in a scannable layout. Dashboard-style presentations where you have 4-8 metrics that tell a collective story.

When to use: Board updates, executive summaries, quarterly reviews. When no single number is the hero — the collection is.

"Four metric cards in a row: MRR (£240k), Customers (1,200), Growth (34%), NPS (72). Each card has the number large, a trend arrow, and a tiny sparkline. Clean grid layout. All counters climb in sequence."

Progress Indicators

Best for: Fundraising progress, project completion, goal attainment. Anything with a known target where you're showing how far you've come.

When to use: When the story is "we're this far along" or "this much left to go."

"Fundraising progress — a horizontal bar filling to 64% (£3.2M of £5M). The bar animates from left to right. The target is marked with a dotted line. Below: 'Expected close: Q2 2026.'"

Pie and Donut Charts

Best for: Market share, revenue breakdown by segment, resource allocation. Showing how parts make up a whole.

When to use: When you have 3-5 categories (never more than 6 — beyond that, pies become unreadable). When the relative sizes matter.

"Revenue by segment — donut chart: Enterprise 45%, Mid-market 35%, SMB 20%. Our largest segment is pulled out slightly and highlighted. Hover over each segment to see the exact figure and customer count."

Tables With Visual Enhancement

Best for: Detailed comparisons, feature matrices, pricing breakdowns. When you need the precision of a table but the impact of a visual.

When to use: When viewers need to compare specific values across categories. When a chart would lose the detail.

"Quarterly metrics table — rows: revenue, growth, customers, churn, NPS. Columns: Q1, Q2, Q3, Q4. Positive changes highlighted green, negative amber. The best quarter in each row is bold. Clean, scannable, informative."

Data Storytelling Techniques

The Reveal

Don't show all the data at once. Build to it.

"Slide opens dark and empty. After a pause, one number fades in: '£2.4M.' It counts up from zero. After it lands, a subtitle appears: 'Monthly Recurring Revenue.' Then three supporting metrics drop in below, one by one. The viewer processes each piece before the next arrives."

The Comparison

Show two things side by side to make the difference obvious.

"Two metric cards side by side. Left: 'Industry average — 4 hours per deck' in grey. Right: 'Dev Decks — 2 minutes per deck' in brand colour with a counter. The contrast does the persuading."

The Trend

Show where you've been and where you're going.

"Growth chart — a line starting at £10k MRR 18 months ago, climbing to £240k today. Key milestones marked on the line: first enterprise customer, product launch, Series A. The line draws itself. A dotted extension shows the projected trajectory."

The Accumulation

Start small and build to an impressive total.

"Individual customer logos appearing one by one in a grid — 12 logos, each fading in with a small delay. Below the grid, a counter climbs to the total: '1,200+ customers.' The individual logos make the abstract number feel real."

Common Data Mistakes

Too many numbers on one slide. If a slide has more than 6 data points, it's too dense. Split it into two slides or use a dashboard layout with clear hierarchy.

All numbers the same size. When every metric is treated equally, nothing stands out. Choose one hero number and make it 2-3x larger than everything else.

Numbers without context. "Revenue: £240k" means nothing without a benchmark. Always include: vs target, vs last period, vs industry average, or vs the beginning.

Charts that need explanation. If a chart requires a paragraph of text to understand, it's the wrong chart. The visual should communicate the story on its own.

More in Tips & Inspiration

Anatomy of an Exceptional Slide

What makes a slide exceptional? Five real examples broken down — the prompt that built each one, why it works, and what a weaker prompt would give you instead.

10 min read

Before & After: 10 Slide Transformations

Same content, different prompts, dramatically different results. Ten common slides transformed with copy-paste prompts — the most shareable article in the university.

11 min read

Slide Types You Didn't Know You Could Build

Interactive comparisons, animated flywheels, hover-reveal cards, tabbed content, progress gauges, living diagrams — a gallery of slide types most users never think to ask for.

11 min read

Typography and Visual Hierarchy on Slides

What should the eye see first? Size, weight, colour, whitespace, and alignment — the tools that guide your viewer through every slide. Plus the 3x rule and the clutter test.

9 min read

Using Animation and Motion Effectively

Motion is seasoning — the right amount enhances everything. The purpose test, the motion spectrum from subtle to dramatic, common mistakes, and when to use each level.

9 min read

Why Templates Are Holding You Back

Templates give you a floor and a ceiling. Dev Decks removes the ceiling. Why custom-designed slides are more persuasive, not just prettier — and why you don't need design skills to direct them.

8 min read

Storytelling Frameworks for Decks

Four proven narrative structures — Problem-Solution-Proof, Before-After-Bridge, Situation-Complication-Resolution, and the Founder's Journey. Which framework for which deck, with prompts for each.

10 min read

The 10/20/30 Rule (and When to Break It)

Guy Kawasaki's famous framework — 10 slides, 20 minutes, 30pt font. When it works perfectly, when to adapt it, and the three real principles behind the numbers.

8 min read

Common Deck Mistakes (and How to Fix Them)

Eight mistakes every deck makes — too much text, no hierarchy, weak opening, no CTA — each with the symptom, the fix, and a copy-paste prompt to solve it instantly.

9 min read

Deck Design for Non-Designers

You don't need design skills — you need clear words. Five simple rules, starter prompts for every persona, and the permission slip: your deck will look professional because the AI handles the design.

8 min read

Building a Prompt Library for Your Company

Save the prompts that work. A prompt library is your design system in words — layout, tone, interaction, data, and motion prompts that keep every deck on brand. Includes starter templates by persona.

9 min read

Ready to build your deck?

Paste your URL and get an on-brand deck in minutes. Custom slides, your brand, no templates.

Build your deck free