Home icon
Data Visualisation Guide

Narrative story patterns

6 minutes read

Data story patterns

The next series of patterns for data driven storytelling are very similar to patterns used in traditional storytelling.

One such technique is question and answers: start with a question, and then answer by showing a visualisation or by adding new data to an existing visualisation up until a resolution is found.

The video below highlights the structure and the question and answers pattern in What’s Really Warming the World?, a scrollytelling article by Bloomberg published in 2015.

Note that the question and answers technique is similar to the small multiples pattern: it uses repetition to break down a multi-series visualisation into single series chunks.

To make it easier for people to understand how a chart works, and for building up tension and curiosity, you can choose to build up a visualisation instead of showing the the whole chart at once. In a scatterplot for example, you can explain the x axis first, then explain the y axis, then add a single dot and explain what it represents and finally add the rest of the dots to the visualisation.

This technique is especially handy for chart types many people are not very familiar with. Take for example the chart below. There is a lot going on on this chart, and without help people might have difficulties to understand how how the chart works.

A chart with stacked, variable width bars, showing the number of learning poor and not learning poor children in different regions of the world

Source: Learning poverty: children’s education in crisis, Sustainable Development Goals Atlas 2020

This chart is part of a scrollytelling module, and before the chart takes the state above, it is preceded with the states below.

First the y axis is explicitly labelled and explained, showing the numbers for the whole world, and only 2 colors are used.

Annotations show what colour represent learning poor and what colour not learning poor represents

Source: Learning poverty: children’s education in crisis, Sustainable Development Goals Atlas 2020

Then a third category and colour is introduced:

The Learning poor category is split up into children out of school and students below minimum proficiency

Source: Learning poverty: children’s education in crisis, Sustainable Development Goals Atlas 2020

And then the bars representing the whole world is split up to show the data by region.

The bar representing the whole world is split up into the regional data

Source: Learning poverty: children’s education in crisis, Sustainable Development Goals Atlas 2020

Gradual visual reveal is a similar technique: instead of showing the whole dataset at once, the data is revealed in steps. On each step the newly added data can be explained.

Below are 4 steps from the scrollytelling article How Trump’s Trade War Went From 18 Products to 10,000, revealing new data on each step.

The first step in the animation starts on January 22 and shows a very limited amount of circles representing trade barriers on certain products

On May 18 the visualisation shows a lot of barriers for goods coming into the US, but also a lot of barriers for US products going abroad

By June 15, the number of barriers has grown even further

Source: How Trump’s Trade War Went From 18 Products to 10,000, nytimes.com

Finally the number of barriers does not fit the visualisation canvas anymore

Source: How Trump’s Trade War Went From 18 Products to 10,000

The gradual visual reveal is also used in the racing bar chart about city populations (see Story patterns in data): the data is only shown up until the year the animation is currently at. This triggers curiosity: readers will want to know what the chart looks like in the years after that and at the end of the animation, showing the most recent available data.

Related pages

Story patterns in data

Data view story patterns

Annotated chart narrative visualisation

Engagement story patterns

Interactive story structures: introduction

Narrative visualisation genres: introduction

Data story patterns