SlideShare a Scribd company logo
Data Visualization
By
Joseph Ssekono
UX & UI Designer
What is Data Visualization?
Data Visualization
Translating data into a graphical representation
while still passing on the intended information.
Data Visualization
Vehicle Type Number of Vehicles
Saloon 56
Hatch Back 37
Sport Utility Vehicle 32
Mini van 67
Bus 15
Truck 25
Number of vehicle types that pass through a check point
Data Visualization
Saloon
Hatch Back
Sport Utility Vehicle
Mini van
Bus
Truck
0 10 20 30 40 50 60 70 80
Number of Vehicles
Number of vehicle types that pass through a check point
Data Visualization
Saloon
Hatch Back
Sport Utility Vehicle
Mini van
Bus
Truck
Number of vehicle types that pass through a check point
Data Visualization
Data Visualization tells a story with pictures.

Clear

Compelling

Convincing
How Can You Use Data
Visualization?

Tell Your Story

Analyze Your Data

Make a Plan

Make Information Visible

Simplify and Clarify
Data Visualization for Advocacy
In a campaigning context, Data Visualization can
transform raw data into a powerful advocacy tool
to motivate an outcome.
http://blog.discoveryeduc
ation.com/blog/2012/11/0
1/infographics/
Data Visualization for Analysis
Data Visualization can be integrated into the
research process by illuminating data visually, or
providing a neutral platform with which to identify
trends or targets.
Data visualization
Data Visualization for Consumer
Education
Data Visualization acts as a force for change
when making information visible at the point of
action.
Data visualization
Data Visualization for Strategy
Organizations can also use Data Visualization
internally to help with their planning and self-
assessment.
Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
0
1000
2000
3000
4000
5000
6000
7000
8000
Product Sales
Annual Bicycle Sales 2012
How to Begin
How to Begin
The main thing to consider is: how will your Data Visualization
be used?

Is it for planning? Or advocacy?

Are you trying to tell a specific story?

Or are you trying to create a more neutral map to guide a
process of discovery?
Planning Your Data Visualization
●
What kind of data is best presented as a chart, as a
diagram or as a map?
●
How do you know what information to focus on and
what to exclude?
●
What is your overall strategy for change?
●
What is your desired outcome?
●
What will move your constituency or target?
Assessing Your Data
●
What information should I collect?
●
What types of information do I have?
●
Do I have information worth using?
●
What is my key message or desired outcome?
●
What can I leave out?
Sorting and Sketching
●
Card Sorting
●
Persona & Scenarios
●
Sketching
Assessing Your Media
●
What is it for? How will it be published or distributed?
●
How will your design live over time?
●
On Paper
●
On Screen
●
Posters and Stickers
Designing Your Graphics
●
Color
●
Typography
●
Structure
●
Elements
●
Technology
Clarifying Your Graphics
●
What is most important?
●
Keep it simple.
●
Show comparisons, contrasts, and differences.
●
Is the language clear and easy to understand?
Clarifying Your Graphics
●
Is the choice of typeface clear and legible at a
glance?
●
Is your title clear?
●
Do your graphics require a legend?
●
Is your documentation clear?
More Tips
●
Sketch out ideas on paper first
●
The graphic has to tell a story
●
Put your conclusion right there in the caption.
●
Show the actual data, as much as you can.
●
Show as few non-data elements as you can.
More Tips
●
Minimize the number of steps required to interpret your
graphic
●
Provide context. Always use a scale and give sources.
●
Learn some basic typography and a graphics
application.
Evaluate and Iterate
Testing your graphics with even a small number
of typical users can provide useful insight for
revising and improving your work.
Additional Resources
●
http://www.numberpix.com
●
http://backspace.com/notes
●
http://www.math.yorku.ca/SCS/Gallery/milestone
●
http://www.ideo.com/methodcards/MethodDeck/index.html
●
http://makingmaps.owu.edu
●
http://www.visual-literacy.org/periodic_table/periodic_table.html
●
http://www.soros.org/initiatives/information/focus/communication/articles_publications/pu
●
http://services.alphaworks.ibm.com/manyeyes/browse/visualizations
●
http://infosthetics.com
●
http://useit.com
●
http://swivel.com
●
http://www.edwardtufte.com
Software Tools
●
Inkscape
●
Gimp
●
Illustrator
●
Photoshop
●
Excel & Libre Office
Joseph Ssekono
UX & UI Designer
@ssekono
ssekono@gmail.com

More Related Content

PPTX
The beauty of data visualization
PDF
The Future Of Data Visualization
PPTX
Penentuan rumus dari data percobaan
PDF
Teens2 prueba 2
PPTX
ㅠㅜ
PDF
Pp 112 2000
DOC
Resume kuliah tamu
PDF
4 сарын зарлагын мэдээ
The beauty of data visualization
The Future Of Data Visualization
Penentuan rumus dari data percobaan
Teens2 prueba 2
ㅠㅜ
Pp 112 2000
Resume kuliah tamu
4 сарын зарлагын мэдээ

Viewers also liked (20)

PPTX
Perubahan tatanan zat
PDF
X tag with web components - joe ssekono
PPTX
770 윤의식 최종본
PDF
UU 012 tahun 1985 Pajak bumi dan bangunan
PPTX
2 історія
PDF
UU 21 1997
PPTX
Perubahan tatanan zat
PPT
Lembaga Keuangan
PPT
Yeti
PDF
How Games Make You Level Up In Your Real Life
PPT
Azərbaycanda İnternet Reklam bazarının vəziyyəti - Bloqosfer 2011
PPTX
770 윤의식
PDF
UU 28 2009
PPTX
프레젠테이션1
PPTX
AzTWI.com təqdimatı - statistikalar
PDF
Uu 1985 12
DOCX
Artikel ilmiah
PPTX
Partikel dasar atom lita
PPTX
Kajian Ilmu Lingkungan : Studi kasus
PDF
Jurnal untuk review 1
Perubahan tatanan zat
X tag with web components - joe ssekono
770 윤의식 최종본
UU 012 tahun 1985 Pajak bumi dan bangunan
2 історія
UU 21 1997
Perubahan tatanan zat
Lembaga Keuangan
Yeti
How Games Make You Level Up In Your Real Life
Azərbaycanda İnternet Reklam bazarının vəziyyəti - Bloqosfer 2011
770 윤의식
UU 28 2009
프레젠테이션1
AzTWI.com təqdimatı - statistikalar
Uu 1985 12
Artikel ilmiah
Partikel dasar atom lita
Kajian Ilmu Lingkungan : Studi kasus
Jurnal untuk review 1
Ad

Similar to Data visualization (20)

PDF
Vital Role of Data Visualization Services in Shaping BI.pdf
PPTX
Making Data Meaningful
PPTX
Making Data Meaningful
PPTX
Data visualisation
PDF
What is data visualization
PPTX
Excellence in visulization
DOCX
Telling Stories with Data_ The Art of Creating Powerful Visuals.docx
DOCX
Telling Stories with Data_ The Art of Creating Powerful Visuals.docx
PPTX
The Art of Data Visualization_ Revealing Insights Through Visual Storytelling...
PPTX
7 Key Benefits of Data Visualization Tools_BacklinkContent.pptx
PDF
Behavioral Analytics: Stop Guessing. Get Clarity - Priyanka Ved, Microsoft
PPTX
Group_2_Use of AI in Power BI examp.pptx
PPTX
How Do Data Visualization Consultants Choose the Right Tools for a Project?
PDF
Designing Data Visualizations to Strengthen Health Systems
PPTX
Introduction-to-Data-Visualization (1).pptx
PPTX
Seminar_PPT[1] on data viualisation in machine learninig
PPTX
Seminar_PPT[1] MODIFY on data viualisation
PDF
7-Steps to Perform Data Visualization- Pickl.AI
PDF
wepik-insightful-perspectives-a-data-visualization-overview-20240401133024gp4...
PDF
wepik-insightful-perspectives-a-data-visualization-overview-20240401133024gp4...
Vital Role of Data Visualization Services in Shaping BI.pdf
Making Data Meaningful
Making Data Meaningful
Data visualisation
What is data visualization
Excellence in visulization
Telling Stories with Data_ The Art of Creating Powerful Visuals.docx
Telling Stories with Data_ The Art of Creating Powerful Visuals.docx
The Art of Data Visualization_ Revealing Insights Through Visual Storytelling...
7 Key Benefits of Data Visualization Tools_BacklinkContent.pptx
Behavioral Analytics: Stop Guessing. Get Clarity - Priyanka Ved, Microsoft
Group_2_Use of AI in Power BI examp.pptx
How Do Data Visualization Consultants Choose the Right Tools for a Project?
Designing Data Visualizations to Strengthen Health Systems
Introduction-to-Data-Visualization (1).pptx
Seminar_PPT[1] on data viualisation in machine learninig
Seminar_PPT[1] MODIFY on data viualisation
7-Steps to Perform Data Visualization- Pickl.AI
wepik-insightful-perspectives-a-data-visualization-overview-20240401133024gp4...
wepik-insightful-perspectives-a-data-visualization-overview-20240401133024gp4...
Ad

Recently uploaded (20)

PDF
Strengthening Tamil Identity A. Swami Durai’s Legacy
PPTX
Evolution_of_Computing_Presentation (1).pptx
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PPTX
EDP Competencies-types, process, explanation
PDF
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
PPTX
Introduction to Building Information Modeling
PDF
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
PDF
Interior Structure and Construction A1 NGYANQI
PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
PPTX
Presentation.pptx anemia in pregnancy in
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PDF
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
PPTX
timber basics in structure mechanics (dos)
PDF
Architecture Design Portfolio- VICTOR OKUTU
PPTX
a group casestudy on architectural aesthetic and beauty
Strengthening Tamil Identity A. Swami Durai’s Legacy
Evolution_of_Computing_Presentation (1).pptx
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
EDP Competencies-types, process, explanation
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
Introduction to Building Information Modeling
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
Interior Structure and Construction A1 NGYANQI
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
Presentation.pptx anemia in pregnancy in
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
timber basics in structure mechanics (dos)
Architecture Design Portfolio- VICTOR OKUTU
a group casestudy on architectural aesthetic and beauty

Data visualization

Editor's Notes

  • #3: It uses; Pictures Symbols Colors Words To Communicate illustrate information Or express data relationships visually
  • #4: It uses; Pictures Symbols Colors Words To Communicate illustrate information Or express data relationships visually
  • #8: Clear complex information -> easier to understand Compelling Visuals grab people’s attention. Convincing more likely to understand and believe what they see in a chart or graphic
  • #9: Images for each scenerio
  • #13: John Snow Physician in 1854 concluded that water pump on Broad street was source of cholera since most deaths were around it Water was transmitting the epidemic
  • #22: Notes on a wall describing aspects of your information. Arrange notes freely into shapes and clusters that make sense. Rearranging clusters should help you start to form an organizing scheme Now try putting yourself in the role of your audiences sketch your idea on paper or on a white-board