Embed Size (px)
Citation preview
DATA STORYTELLING WITH INFOGRAPHICS
Taj Carson, CEO
We deal with data, not research
Data is hard!
I read census data just for fun
Our clients don’t know how to decipher data
We are researchers who think like designers
Designers who understand data
We get creative with our data
We are….
Data slayers, color-coders, database whisperers, flow-chart ninjas. Mavericks. Data Designers.
What is data visualization?
Cairo - “A visualization is any visual display intended to reveal evidence, making the invisible visible.”
What is data visualization?
Kirk - “ Data visualization is the representation and presentation of data, using proven design techniques to bring alive the patterns, stories and key insights that are locked away.”
Why visualize?
• To enhance detection and recognition • Facilitate search and discovery • To explain or explore
Your Brain is Lazy
24 x 8=?
Your Brain is Lazy
Use the best practices for visualizing information
Length Width Shape Position
An infographic is an eye-catching data story. While infographics can include a variety of charts and graphs, they also use illustrations, icons, and stock photos to aid in storytelling.
What are INFOGRAPHICS?
R DEFOR THEFEAST
3,410
3,371
3,637
BALTIMORE
OCEANCITYMAY 10-11
2014
DONATIONS RAISED
$525k
$360k
201320122011
2 DAYS
VOLUNTEERS122
140 MILES
1 CAUSE
3000
4000
5000
6000
201320122011
5,921
5,0634,500
NUMBER OF DONORS
2,243
NUTRITIONCOUNSELING
SESSIONS
$588k
2013
2012
2011
NUMBER OF PEOPLE SERVED MEALS
MEALSPREPARED
702,083
INDIVIDUAL GOAL
$1,500201320122011
185201
219NUMBER OF RIDERS
617CLIENTS RECEIVING
NUTRITIONALCOUNSELING
127CLIENTS PROVIDED
WITH MEDICALTRANSPORTATION
4,028MEDICAL
TRANSPORTATIONSTOPS
SOURCE: THE MOVEABLE FEAST
www.carsonresearch.com
14 CountiesServed
R DEFOR THEFEAST
3,410
3,371
3,637
BALTIMORE
OCEANCITYMAY 10-11
2014
DONATIONS RAISED
$525k
$360k
201320122011
2 DAYS
VOLUNTEERS122
140 MILES
1 CAUSE
3000
4000
5000
6000
201320122011
5,921
5,0634,500
NUMBER OF DONORS
2,243
NUTRITIONCOUNSELING
SESSIONS
$588k
2013
2012
2011
NUMBER OF PEOPLE SERVED MEALS
MEALSPREPARED
702,083
INDIVIDUAL GOAL
$1,500201320122011
185201
219NUMBER OF RIDERS
617CLIENTS RECEIVING
NUTRITIONALCOUNSELING
127CLIENTS PROVIDED
WITH MEDICALTRANSPORTATION
4,028MEDICAL
TRANSPORTATIONSTOPS
SOURCE: THE MOVEABLE FEAST
www.carsonresearch.com
14 CountiesServed
The Path to Reading Proficiencyin Baltimore City
The Path to Reading Proficiencyin Baltimore City
Early Development (0-3 years old)Early Development (0-3 years old)
Key Indicator: Developmental Well-Being
Health supports Home supports Parenting supports
Pre-Kindergarten (4 years old)Pre-Kindergarten (4 years old)
Key Indicator: Attendance
Number of children enrolled in Pre-Kin Baltimore City by year
85%
Pivotal Milestone: Early Enrollement
Pre-K attendance is linked
to school readiness
In Baltimore City
(2010-2011 SY)
27%of students were chronically
absent in Pre-K*
of students with
chronic absences were
“Fully Ready” for
school
of students with higher
attendance* scored as
“Fully Ready” for school.
In Baltimore City (2012-2013 SY):
75%VERSUS
2006-2007 SY 2012-2013 SY
3414
4890
Even with poor attendance in Pre-K
Kindergarten (5 years old)Kindergarten (5 years old)
Key Indicator: Attendance
In Baltimore City (2012-2013 SY): “Fully Ready”children were at or above average in reading
more often than their developing peers.** 58%School Readiness Assessment: MMSR
Percent of Children inBaltimore City rated“Fully Ready” on the’12-’13 Maryland Model forSchool Readiness (MMSR)
Kindergarten attendance
is linked to academic
performance in 1st grade.
In Baltimore City
(2010-2011 SY)
23%of students were chronically
absent in Kindergarten*
1st Grade (6 years old)1st Grade (6 years old)
In Baltimore City
(2010-2011 SY)
58%of students with higher
attendance* scored at
or above average on
the Stanford 10.****
2nd Grade (7 years old)2nd Grade (7 years old)
In Baltimore City
(2009-2010 SY)
58%of students with higher
attendance* scored at
or above average on
the Stanford 10.****
of students with chronic
absences went on to score
at or above average in
reading on the Stanford
10 in the 1st grade.
of students with higher
attendance* went on to
score at or above average
in reading on the Stanford
10 in the 1st grade.
In Baltimore City (2010-2011 SY):
36%VERSUS
1st Grade
Fully Ready Developing
2nd Grade 3rd Grade
88%
60%
86%
60%80%
60%
Fully Ready
Developing
77.6%
22.4%
Creating an Infographic
Determine your message and identify the data necessary to communicate it.
When forced to work within a strict framework the imagination is taxed to its utmost — and will produce its richest ideas. Given total freedom the work is likely to sprawl.
—-T.S. Eliot
What are your burning questions? Who? What? Where? Why? When?
What are your burning questions?
What is the new development?What is unknown?
What are my assumptions?What are the implications?
What are your burning questions?
What is the new development?What is unknown?
What are my assumptions?What are the implications?
What are your burning questions?
What is the new development?What is unknown?
What are my assumptions?What are the implications?
What are your burning questions?
What is the new development?What is unknown?
What are my assumptions?What are the implications?
What are your burning questions?
What is the new development?What is unknown?
What are my assumptions?What are the implications?
What are your burning questions?
What is the new development?What is unknown?
What are my assumptions?What are the implications?
Even with poor attendance in Pre-K
and K, improved attendance in grades 1 and 2 can minimize the
negative impact of earlier chronic
absence.***
attendance* scored at
or above average on
the Stanford 10.****
attendance* scored at
or above average on
the Stanford 10.****
3rd Grade (8 years old)3rd Grade (8 years old)
In Baltimore City
(2012-2013 SY)
65%of students scored at
or above proficient in
reading on the MSA.**
Design skills
Now become a graphic designer….
Just kidding. Sort of.
What’s the short version?
• Use simple, legible fonts. • Use no more than five colors • Embrace negative space. Nothingness is good. • Use the grid • Get to know color theory
Unchunked Helvetica meh direct trade, tattooed taxidermy chia 8-bit beard four dollar toast Banksy before they sold out chambray Brooklyn fap. Mixtape mlkshk gastropub listicle, street art fingerstache wayfarers pop-up chambray Marfa. Meditation retro sartorial ethical jean shorts meggings. Kogi Blue Bottle American Apparel, crucifix street art fap trust fund mumblecore. Portland mumblecore mlkshk banh mi taxidermy meggings, locavore flexitarian paleo bespoke Echo Park Tumblr tote bag you probably haven't heard of them bicycle rights. Kickstarter next level flannel fap.
Chunk!it!!Helvetica meh direct trade, tattooed taxidermy chia 8-bit beard four dollar toast Banksy before they sold out chambray Brooklyn fap.
Tumblr tote bag you probably haven't heard of them bicycle rights. Kickstarter next level flannel fap. Hoodie distillery umami Austin, artisan disrupt taxidermy raw denim before they sold out.
Mixtape mlkshk gastropub listicle, street art fingerstache wayfarers pop-up chambray Marfa. Meditation retro sartorial ethical jean shorts meggings. Kogi
“Chunking is a strategy used to manage cognitive load. By creating breaks, Chunking reduces cognitive load by giving the viewer time to process and reflect on information. The same rationale applies to the concept of white space.
No. Just no.
Now, about the data.
Source: Stephen Few’s Show Me The Numbers
Encoding
Don’t: Crazy Gradients
Do: Subtle Shading
We all love PIE….however….
More pie is not always better
And some time no pie at all is best
NOW determine the best design and put it all together
Tools
SURVEYS
62% OF STUDENTS
WERE ENROLLED IN
THE ELEV8 OUT OF
SCHOOL TIME
PROGRAM
41% NEVER MISSED A
DAY OF SCHOOL IN THE
LAST SCHOOL YEAR
COLLECTIVELY, PARENTS THINK THEIR
CHILDREN’S BEHAVIOR
IS ONLY MILDLY
PROBLEMATIC
35%
70%
85%
HAVE MORE THAN $10,000
IN DEBT
HAVE AN ANNUAL INCOME
OF LESS THAN $25,000
SAY MONTHLY EXPENSES
EXCEED INCOME
DEMOGRAPHICSOUTREACH
ELEV8
FAMILIES &
CAREGIVERS
REACHED
438OUTREACH
EVENTS CONDUCTED
OR ATTENDED BY
HUMANIM STAFF
50 DISCHARGED
CLIENTS25CURRENTLY
ACTIVE20
ENROLLMENTHUMANIM HAS MORE THAN DOUBLED
THEIR ENROLLMENT SINCE THE START
OF THE PROGRAM IN JULY 2012
IN THE LAST FISCAL YEAR OF CURRENTLY ACTIVE CLIENTS
40%HAVE A SAVINGS
ACCOUNTOF ACTIVE CLIENTS
ARE CURRENTLY
EMPLOYED
65%
NOW HAVE A
FINANCIAL PLAN
60%HAVE REVIEWED
THEIR CREDIT
REPORT
90%
20%EXPERIENCED
AN INCREASE
IN INCOME
HAVE BARRIERS
TO EMPLOYMENT
60%
PARTICIPATED IN
JOB COACHING
EVENTS
55%LACK OF
TRANSPORTATION IS
THE BIGGEST BARRIER
TO EMPLOYMENT
16 PARENT SURVEY RESULTS
ARE GENERALLY POSITIVE WITH
SMALL IMPROVEMENTS IN FAMILY
FUNCTIONING AND PARENTING
TECHNIQUES EVIDENT.
OF ACTIVECLIENTS ARE JOB READY
PROGRAM SUCCESSES 85%
21 STUDENTS SURVEYED IN THE
2012–2013 SCHOOL YEAR
Design has its own set of tools
75#65# 60# 55#
0#
25#
50#
75#
100#
Region#A# Region#B# Region#C# Region#D#
Courtesy of Justin Procopio
1978 1980 1982 1984 1986 1988 1990 1992 1994 1996 1998 2000 2002 2004 2006 2008 2010 2012Year
0
100
200
300
400
500
600
700
800
900
1000
1100
1200
Valu
e
0
500
1000
1500
2000
2500
3000
3500
4000
4500
5000
5500
Prop
erty
Crim
e Ra
te
Crime, Police and PrisonMeasure Names
Imprisonment RatePolice (1,000)Property Crime RateViolent Crime Rate
The trends of Imprisonment Rate, Police (1,000), Violent Crime Rate, Property Crime Rate and Property Crime Rate for Year. Color shows details about Imprisonment Rate, Police(1,000), Violent Crime Rate and Property Crime Rate.
1978 1980 1982 1984 1986 1988 1990 1992 1994 1996 1998 2000 2002 2004 2006 2008 2010 20120
100
200
300
400
500
600
700
800
900
1000
1100
1200
0
500
1000
1500
2000
2500
3000
3500
4000
4500
5000
5500
Prop
erty
Crim
e Ra
te
723,923 Law Enforcement Officers
792,831 Officers
950,877 Officers
1,065,078 Officers
1,163,142 Officers
Property and Violence Crime Rates, Imprisonment Rates, and Total Sworn Police Officers, 1978-2012
Measure Names
Imprisonment RateProperty Crime RateViolent Crime Rate
Viol
ent C
rime
Rate
The
Turning
Point
Crime
continues
to decline.
Imprisonment
and number
of officers
continues
to rise.
E l e v 8 D a s h b o a r d
Do you like it?
Does it tell a story?
Does it make the data easier to understand?
Does it draw you in?Does it fit the audience?
“In information graphics, what you show is as important as what you hide”
-Alberto Cairo
Remember
“The first and main goal of any graphic or visualization is to be a tool for your eyes and brain to perceive what lies beyond their natural reach”
-Alberto Cairo
You can learn more about us by visiting our website: http://www.carsonresearch.com/
Elev8 dashboard: http://www.elev8baltimore.org/results/
Baltimore Dashboard: http://www.crcdataviz.com/#!baltoeconomicdemo-front/ca8r
Me: [email protected] @TajCarson
