Uploaded byRandy Krum
What Is Good DataViz Design?
The document is a presentation on effective data visualization design by Randy Krum, emphasizing the importance of clarity, accuracy, and reducing visual noise for effective communication. It outlines five key tips: visualize data, ensure accuracy, minimize clutter, focus on a key message, and maintain data transparency. The presentation also critiques common pitfalls in data presentation and advocates for using visuals to enhance understanding and retention of information.
What Is Good DataViz Design?
- 1. What is GoodDataViz Design? Randy Krum Author, Cool Infographics Instructor, SMU President, InfoNewt DataVisualization NY Meetup December 9, 2019 meetup.com/DataVisualization @rtkrum
- 2.
- 3.
- 4. coolinfographics.com/nycmeetup Files & linksavailable at
- 5.
- 6. Image by WillLion, 2008
- 7. 50,000 100,000 150,000 200,000 250,000 300,000 350,000 400,000 1990 1995 20002005 2010 2015 2020 Global Internet Traffic Growth (Petabytes/Month) CiscoVisual Networking Index, 2019 2019 Traffic will DOUBLE by 2022!
- 8.
- 9. Don’t Be Partof the Problem!
- 10. “Of all methodsfor analyzing and communicating statistical information, well-designed data graphics are usually the simplest and at the same time the most powerful.” Edward Tufte, 2001
- 11.
- 12. Simplify Clarify The job ofa data visualization design is to…
- 13.
- 14.
- 15.
- 16. DataViz is aSkill Dashboards Reports Presentations
- 17.
- 18.
- 20. Hundreds of WaystoVisualize Data
- 21.
- 22.
- 23.
- 24.
- 25.
- 26. 28 DataViz ReferenceGuides
- 27. DataViz Design Toolbox DataVisualization TOOLBOX
- 29. DataViz Design withObjects
- 30. Diabetes is OverwhelmingMedicare
- 31.
- 32. The Noun Projectin PowerPoint
- 33.
- 34.
- 36.
- 38.
- 41.
- 42.
- 43.
- 44.
- 46. R programming language r-project.org Processing 2.0 programminglanguage processing.org
- 47.
- 48. 49 of the50 Best selling-drugs in 2014 were developed in partnership with Covance Central Laboratory Services 49 1
- 49.
- 50.
- 51.
- 52. The Tyranny ofthe Default
- 53. Two Opposing Goals DiscoveryCommunication
- 54.
- 55.
- 56. Good DataViz forCommunication… Understood Faster Memorable Actionable
- 57. Tips for GoodDataViz Design (and the problems they solve) 5
- 58. 2004 2005 20062007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 0 100 50 2019 1. VisualizeYour Data! Search term = “Infographic”
- 60. University of Rochester,2004 80% of the brain is dedicated to visual processing
- 61. The human brainis a pattern recognition machine
- 62. Picture Superiority Effect EuropeanJournal of Cognitive Psychology 18(6), 2006 10% 65% Text or Audio Only Text + Picture Memory retention after 3 days
- 63. Visualizing data compares multiplevalues and puts the information into CONTEXT
- 64. There are approximately 3,079,339,857globalInternet users InternetWorldStats.com December 31, 2014 Big fonts are NOT data visualizations!
- 65. Data shown as text-only provides nocontext! thesocialmediahat.com/active-users
- 66. Data shown as textis ineffective!
- 67. Ineffective designs fromlazy designers
- 68. Global Internet Users 2014 3,079,339,857 It’stough to visualize a number by itself
- 69. There are approximately 3,079,339,857 globalInternet users InternetWorldStats.com December 31, 2014 Approximately 7,264,623,793 total people on Earth US Census Bureau (USCB) December 2014
- 70. There are approximately 3,079,339,857 globalInternet users InternetWorldStats.com December 31, 2014 Approximately 320,087,963 total people in the U.S. US Census Bureau (USCB) December 2014
- 71. 2. Be Accurate! Accuracy isthe most important aspect of a data visualization design Everything else is secondary
- 72.
- 73.
- 75. How Concerned AreYou About the Zika Virus? Very Somewhat Not Very Not At All 13% 25% 28% 34%
- 77. Back Palin Back Huckabee BackRomney 60% 63% 70% 2012 Presidential Run GOP Candidates
- 78. 2019 Augmented/Virtual RealityReport $1,500 Total 389% ???
- 79. Digi-Capital 2019 Augmented/VirtualReality Report $1,500
- 80.
- 81.
- 82. Your CREDIBILITY is definedby your DataVisualizations!
- 83.
- 84. Calculate Area forShapes 1X 9X 1X 3X Area = 0.79in2 Diameter = 1in Area = 0.785in2 Diameter = 1in Area = 7.07in2 Diameter = 3in Area = 2.355in2 Diameter = 1.73in WRONG CORRECT
- 85.
- 86.
- 87.
- 88. Bedford Police Department Budget Budget Circle Circle 2009-2010Area Diameter Police Patrol $4,609,556 5.30 2.60 C.I.D. $1,545,216 1.78 1.50 Community Services $843,754 0.97 1.11 DetenBon Services $802,880 0.92 1.08 AdministraBon $782,525 0.90 1.07 Dispatch $662,940 0.76 0.99 Traffic $530,514 0.61 0.88 Records $372,171 0.43 0.74 Red Light Camera $371,460 0.43 0.74 Animal Control $362,703 0.42 0.73 SWAT $18,660 0.02 0.17 Drug Enforcement $15,000 0.02 0.15 Training $6,600 0.01 0.10 Total $10,923,979 12.57 4.00
- 89. Visualizing Circles X1 =$36.00 D1 = 0.36in X2 = $144.00 D2 = ? D2 = D1 * Sqrt (X2 / X1) ?0.36
- 90.
- 91. Bar Charts Visualize Area ByChanging Length
- 92. Math Area = Lengthx Width 4.0 in2 = 2.0” x 2.0” 12.0 in2 = 6.0” x 2.0” 12.0 in2 / 4.0 in2 = 3
- 93.
- 96. April June Untitled1 Untitled 3 Untitled 5
- 98.
- 99.
- 100.
- 101.
- 102.
- 104.
- 107.
- 108.
- 109.
- 111.
- 114. 3. ReduceVisual Noise “Simplify,Simplify, Simplify” •Reduce Text •Reduce Colors •Reduce Clutter •Reduce Data •Reduce Lines
- 115. Default Chart WithLegend - 10,000 20,000 30,000 40,000 50,000 60,000 70,000 80,000 90,000 100,000 U.S. Residents Thousands Gen Z Gen Y Gen X Baby Boomers Silent Gen
- 116. Improved Chart -No Legend - 10,000 20,000 30,000 40,000 50,000 60,000 70,000 80,000 90,000 100,000 Gen Z Gen Y Gen X Baby Boomers Silent Gen Thousands U.S. Residents
- 117. 6 Steps toRemove Legend - 10,000 20,000 30,000 40,000 50,000 60,000 70,000 80,000 90,000 100,000 Gen Z Gen Y Gen X Baby Boomers Silent Gen Thousands U.S. Residents 1. Delete Legend 2. Transpose the Data 3. Age Groups as Categories 4. Reduce Gap Width 5. Edit Colors for bars (Optional) 6. Add Icons (Optional) - 10,000 20,000 30,000 40,000 50,000 60,000 70,000 80,000 90,000 100,000 U.S. Residents Thousands Gen Z Gen Y Gen X Baby Boomers Silent Gen
- 118. Templates are theStarting Point! 0" 5" 10" 15" 20" 25" 30" 35" 1/1/02" 2/1/02" 3/1/02" 4/1/02" 5/1/02" Title& Series"1" Series"2"
- 119. Clean up yourcharts 32# 32# 28# 12# 15# 12# 12# 12# 21# 28# Jan# Feb# Mar# Apr# May# 2002 Store Openings
- 120. Steps to CleanUp Bar Chart • Delete Legend • Change Label Format to Custom “mmm” • Widen Bar Gap Width = “40%” • Add Company Logos • Recolor Data Series • Add Data Labels Inside End • Recolor Data Labels to White • RemoveY-Axis • Remove Grid Lines & Tick Marks • Change X-Axis Font Color 32# 32# 28# 12# 15# 12# 12# 12# 21# 28# Jan# Feb# Mar# Apr# May# 2002 Store Openings 0" 5" 10" 15" 20" 25" 30" 35" 1/1/02" 2/1/02" 3/1/02" 4/1/02" 5/1/02" Title& Series"1" Series"2"
- 121. 4. Focus ona Key Message
- 122. Who isYour Audience? WhatDecisions are they Trying to Make?
- 123. Preattentive Attributes Visual aspectsyour brain can process easily in a fraction of a second Form Color PositionSize
- 124.
- 125. Count the 4’s 19 543 1 5 2 6 5 3 8 9 7 9 3 3 2 882 4 6 6 4 3 3 3 2 7 9 5 2 1 980 8 4 9 7 1 6 3 9 9 3 7 1 2 905 5 8 0 9 7 4 4 4 5 9 2 0 6 873 8 1 4 0 6 2 6 2 0 8 9
- 126. Use Size 1 95 43 1 5 2 6 5 3 8 9 7 9 3 3 2 882 46 6 43 3 3 2 7 9 5 2 1 980 8 4 9 7 1 6 3 9 9 3 7 1 2 905 5 8 0 9 7 4 445 9 2 0 6 873 8 1 40 6 2 6 2 0 8 9
- 127. Use Opacity 1 9543 1 5 2 6 5 3 8 9 7 9 3 3 2 882 4 6 6 4 3 3 3 2 7 9 5 2 1 980 8 4 9 7 1 6 3 9 9 3 7 1 2 905 5 8 0 9 7 4 4 4 5 9 2 0 6 873 8 1 4 0 6 2 6 2 0 8 9
- 128. Use Color 1 9543 1 5 2 6 5 3 8 9 7 9 3 3 2 882 4 6 6 4 3 3 3 2 7 9 5 2 1 980 8 4 9 7 1 6 3 9 9 3 7 1 2 905 5 8 0 9 7 4 4 4 5 9 2 0 6 873 8 1 4 0 6 2 6 2 0 8 9 4 4 4 4 4 4 4 4
- 129. Use Callouts 1 9543 1 5 2 6 5 3 8 9 7 9 3 3 2 882 4 6 6 4 3 3 3 2 7 9 5 2 1 980 8 4 9 7 1 6 3 9 9 3 7 1 2 905 5 8 0 9 7 4 4 4 5 9 2 0 6 873 8 1 4 0 6 2 6 2 0 8 9
- 130. Combinations! 4 4 4 4 4 44 4 1 9 53 1 5 2 6 5 3 8 9 7 9 3 3 2 882 6 6 3 3 3 2 7 9 5 2 1 980 8 9 7 1 6 3 9 9 3 7 1 2 905 5 8 0 9 7 5 9 2 0 6 873 8 1 0 6 2 6 2 0 8 9 4 4 4 4 4 4 4 4
- 135. 7% 8% 10% 11% 29% 35% 35% Discovery Show All Data Communication HighlightThe Insight Target Audience
- 137. $0 $200,000 $400,000 $600,000 Sep Oct NovDec Jan Feb Mar Apr May Jun Jul 20162015 Decline of $250,000 FY2016Fees Fees in July 2016 were reduced DRAMATICALLY
- 139. 5. Be DataTransparent Give your audience a reason to believe your data!
- 140.
- 141. Find the OriginalSource! WIKIPEDIA Not a Credible Data Source!
- 142. Don’t obscure yourdata sources with top-level URLs! Sources: data.gov uspto.org data.un.org worldbank.org
- 143.
- 144. Data Credibility Questions 1.Can you determine the data source? 2. Is the data source trusted? 3. Is the data accessible for verification? 4. Is a direct link to the data provided? 5. Is the data current?
- 145. 1. Provided? 2. Trusted? 3.Accessible? 4. Linked? 5. Current? NO ??? NO NO NO
- 146. Data Transparent? 1. Provided? 2.Trusted? 3. Accessible? 4. Linked? 5. Current? YES YES ??? NO YES
- 147. Data Transparent? 1. Provided? 2.Trusted? 3. Accessible? 4. Linked? 5. Current? YES YES YES YES YES
- 148.
- 149.
- 150.
- 151. Good DataViz forCommunication… Understood Faster Memorable Actionable
- 152. 5 DataViz Tips 1.Visualize your Data 2. Be Accurate 3. ReduceVisual Noise 4. Focus on a Key Message 5. Be Data Transparent
- 153.
- 154. Data Visualization andCommunication Online Certificate Program pro.smu.edu/dataviz Launching September 2020
- 155.
- 156.