Telling stories with data NARRATIVE-DRIVEN INFOGRAPHICS AND DATA - - PowerPoint PPT Presentation

▶

May 25, 2023 360 likes •550 views

Telling stories with data NARRATIVE-DRIVEN INFOGRAPHICS AND DATA VISUALIZATIONS Adam Marton Senior editor of interactive design, Baltimore Sun adammarton.com | @adam_marton Human minds yield helplessly to the suction of story. No matter

SLIDE 1

Telling stories with data

NARRATIVE-DRIVEN INFOGRAPHICS AND DATA VISUALIZATIONS

Adam Marton

Senior editor of interactive design, Baltimore Sun adammarton.com | @adam_marton

SLIDE 2

“Human minds yield helplessly to the suction of

story. No matter how hard

we concentrate, no matter how deep we dig in our heels, we just can’t resist"

Jonathan Gottschall, The Storytelling Animal

SLIDE 3

Mapping equality:

http:/ /www.baltimoresun.com/bal-graphic-mapping-inequalities-in-baltimores-neighborhoods-20150504- htmlstory.html

Segregation in Baltimore:

http:/ /www.baltimoresun.com/news/data/bal-baltimore-segregation-map-20150710-htmlstory.html

Unsettled Journeys:

http:/ /data.baltimoresun.com/news/unsettled-journeys/part-1/

Undue Force:

http:/ /data.baltimoresun.com/news/police-settlements/

Covering Communities

SLIDE 4

STORIES ARE IMPORTANT

to how we as humans see the world around us

SLIDE 5

A STORY IS NOT JUST FACTS

A story is a series of events that happened to someone and how they respond. It is facts mixed with emotion.

SLIDE 6

WORDS+IMAGES

Show and tell. Juxtapose words and images for maximum impact.

H/t: Storytelling for Designers, Stacey Williams-Ng

SLIDE 7

45 MINUTE MYSTERY OF FREDDIE GRAY

http:/ /data.baltimoresun.com/freddie-gray/

SLIDE 8

45 Minute Mystery of Freddie Gray:

http:/ /data.baltimoresun.com/freddie-gray/

Reader Reactions:

http:/ /data.baltimoresun.com/ugc-maps/baltimore-riots/?new

Freddie Gray/ Baltimore Unrest

SLIDE 9

“The purpose of visualization is insight, not pictures"

Ben Shneiderman

SLIDE 10

INFOGRAPHICS

present information. They tell stories designed by communicators.

SLIDE 11

VISUALIZATION

ffers visual tools that readers

use to explore and analyze data

sets. Helps readers discover

stories themselves.

SLIDE 12

WHY CHOOSE?

The best graphics and visualizations tell a story but also allow for reader exploration.

SLIDE 13

Homicides 2015 infographic:

http:/ /www.baltimoresun.com/news/maryland/crime/bal-baltimore-homicides-2015-20151230-htmlstory.html

Homicide map:

http:/ /data.baltimoresun.com/news/police/homicides/

45 Murders in 30 Days:

http:/ /www.baltimoresun.com/news/maryland/investigations/bal-remembering-the-victims-of-homicides-in- july-20150827-htmlstory.html

Visualizing homicides

SLIDE 14

GUIDING PRINCIPALS

Start with a question. Tell a story. Form should assist function. Do not glorify aesthetics. Aspire for knowledge.

SLIDE 15

OUR PROCESS

Brainstorm Research Mocks Tech Testing Publish

SLIDE 16

Farmer’s Marker Finder:

http:/ /data.baltimoresun.com/maps/farmers-market/

Voting map:

http:/ /data.baltimoresun.com/news/elections2016/baltimore-voting-map/index.html

Dollars per vote:

http:/ /www.baltimoresun.com/news/data/bal-mayoral-candidates-dollars-per-vote-2016-htmlstory.html

Taser:

http:/ /data.baltimoresun.com/news/taser-simulation/

Visualizing information

SLIDE 17

QUESTIONS?

Thank you!

All links at adammarton.com FOLLOW US: Baltimoresun.com/data Data Desk @baltsundata Adam @adam_marton