SlideShare a Scribd company logo
DATA VISUALIZATION
Learning Outcome
• Build pixel perfect dashboards that tell stories.
• Create INSIGHTS
Course Content
• Introduction to Data Visualization
• General Principles and Benefits of Data Visualization
INTRODUCTION
• All businesses are in the data business. This is because we live in a
data-abundant world.
• However, to understand this data, we need to aggregate the data, find
relationships between features/variables in the data, look at trends,
build KPIs and do different comparisons.
• These analysis are best presented as data visualizations.
• To reap these benefits of we need to pay attention to principles of
data visualization.
• This will ensure a picture is really worth a thousand word and does
not require a thousand word to become clear.
Data Visualization Principles and Benefits
This principles is summarized
with the DESIGN acronym:
1. Declutter
2. Emphasize
3. Storify
4. Involve
5. Give meaning
6. No distortion
Data Visualization Benefits
includes:
1. Improved attention
2. Quicker communication
3. Better retention
4. Deeper exploration
5. Sustained motivation
6. Stronger Engagement
For more information on visualization: https://www.owox.com/blog/articles/data-visualization/ and
https://careerfoundry.com/en/blog/data-analytics/what-is-data-visualization/
De-clutter : The Art of Visual Clarity
Decluttering a chart means eliminating everything that
distracts from your data.
This includes:
• Removing borders
• Removing dominant gridlines
• Removing unnecessary Details
• Having (too many) colors, shades or other decoration effects.
De-clutter : The Art of Visual Clarity
Emphasize: Highlighting the Main Message of a Chart
This involves two things:
• Choosing the right chart that highlights your key insight.
• Accentuate the most important element in the chart.
To choose the right chart format for your data, ask yourself the following
questions. Do you want to:
• Enable comparisons? Then choose vertical bars.
• Enable a ranking from smallest to largest, then choose horizontal bars.
• Show a trend over time? Then use a line chart.
• Emphasize deviations from a goal or reference (such as a budget plan). In this case
choose upwards and downwards vertical bars.
More on charts – Visualization periodic table: https://www.visual-literacy.org/periodic_table/periodic_table.html
Emphasize: Highlighting the Main Message of a
Chart
Storify: To give data glory, tell it in a three part story.
To storify data means to present a chart (or a series thereof) in
a way that lets you tell a captivating tale about the numbers
that you are showing.
This requires splitting your charts into a trilogy:
• Setting the scene (an overview chart that clarifies the situation),
• Showing the complications (one or several charts to show more details)
• Providing a resolution, i.e., charts that show opportunities for action.
Storifying your chart also means adding emotion to it – if appropriate –
and giving it a distinctive visual style. It means connecting with the
audience by making the data relevant to them ("selling before telling")
Storify: To give data glory, tell it in a three part story.
Involve: Engaging Data Audiences interactively
Make your charts interactive. In an interactive chart, you can
engage your audience as seen in the chart below:
Engage your audience
Letting them select
areas of interest
Letting them zoom-in
to more detail,
explore different
data aspects
Letting them filter
out elements
Letting them
customize the
display
Letting them
connect it to new
data
Give meaning: Eight Ways to make Data relatable (Part 1)
1. Linking data directly to possible actions or responses is one way to
make it more meaningful (think bar chart on the left, recommended
actions on the right).
2. Giving the chart an action title that expresses its so-what is another
one.
3. Adding self-explanatory labels and axes descriptions to a chart helps
to make it more meaningful even for hurried viewers.
4. Carefully adding symbols to a chart can help in its interpretation, for
example a £, $, or € symbol for line charts with currency comparisons over
time.
Give meaning: Eight Ways to make Data relatable (Part 2)
5. Explaining the reasons behind outliers or other strange data patterns (for
example through mouse-over comments)
6. Making data meaningful in a dashboard can be achieved by providing a
reference point that shows whether a value is actually good or bad
(above/below the target value).
7. You can also give meaning to numbers by showing them in their
development over time.
8. Last but not least, you can make any number more relatable by comparing
it to a phenomenon that the audience is familiar with, for example by showing
that the Amazon has lost more than ten million football fields of forest in a
decade.
No Distortions: What to avoid in Chart Design
The no distortion rule applies to how you visualize data as well
as which data you visualize.
• Compare items or values with the same characteristics
• Do not paint an incomplete picture by leaving crucial data out of the
chart.
• Avoid charts with multiple axes (vertical).
• Ensure that the y-axis of your chart starts from zero.
• Eliminate all sources of misinterpretation from your data
• Transform charts with several lines into several charts

More Related Content

PDF
Design for Delight
PDF
Mastering Data Visualization: A Comprehensive Guide to Transforming Data into...
PPTX
final presentatonsfkldsjlkfjdslfksdjflksdjflsdjflkdsjf.pptx
PDF
Data Visualisation Design Workshop #UXbne
PDF
Art and Science of Dashboard Design
PDF
Aftros
PPTX
Principles of data visualisation 2020
PPTX
Insights From Data Visualization - Stephen Lett (Procter & Gamble)
Design for Delight
Mastering Data Visualization: A Comprehensive Guide to Transforming Data into...
final presentatonsfkldsjlkfjdslfksdjflksdjflsdjflkdsjf.pptx
Data Visualisation Design Workshop #UXbne
Art and Science of Dashboard Design
Aftros
Principles of data visualisation 2020
Insights From Data Visualization - Stephen Lett (Procter & Gamble)

Similar to Data Visualization_principlesclasss.pptx (20)

PDF
principlesofdatavisualisation2021-210407141546.pdf
PDF
Principles of data visualisation 2021
PDF
How to Design a Better BI and Analytics Experience for Everyone
 
PDF
An Introduction to Data Visualization
PPTX
Explanationforengineeringfornoreason.pptx
PPTX
Data Visualization and Data Acquisition (1).pptx
PPTX
Data Visualization and Data AcquiFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFsi...
PDF
Data Visualization Techniques
PPTX
Introduction to Data Visualization_Day 1.pptx
PPTX
The Art of Data Visualization_ Revealing Insights Through Visual Storytelling...
PDF
Data Visualization Techniques
PDF
A Business Guide to Visual Communication
PPTX
Information Visualization: Transforming Business Efficiency
PPTX
Interactive data visualization unit 5...
PDF
What Is Good DataViz Design?
PDF
Dashboard Design / IxDA
PPTX
Introduction-to-Data-Visualization (1).pptx
PDF
Creating Functional Art in Excel
PDF
Data-Visualization-101-Telling-Stories-with-Data
PDF
Digital analytics: Dashboards, visualizations, and lying with data (Lectures ...
principlesofdatavisualisation2021-210407141546.pdf
Principles of data visualisation 2021
How to Design a Better BI and Analytics Experience for Everyone
 
An Introduction to Data Visualization
Explanationforengineeringfornoreason.pptx
Data Visualization and Data Acquisition (1).pptx
Data Visualization and Data AcquiFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFsi...
Data Visualization Techniques
Introduction to Data Visualization_Day 1.pptx
The Art of Data Visualization_ Revealing Insights Through Visual Storytelling...
Data Visualization Techniques
A Business Guide to Visual Communication
Information Visualization: Transforming Business Efficiency
Interactive data visualization unit 5...
What Is Good DataViz Design?
Dashboard Design / IxDA
Introduction-to-Data-Visualization (1).pptx
Creating Functional Art in Excel
Data-Visualization-101-Telling-Stories-with-Data
Digital analytics: Dashboards, visualizations, and lying with data (Lectures ...
Ad

Recently uploaded (20)

PDF
Mega Projects Data Mega Projects Data
PDF
Introduction to Business Data Analytics.
PPTX
Major-Components-ofNKJNNKNKNKNKronment.pptx
PDF
BF and FI - Blockchain, fintech and Financial Innovation Lesson 2.pdf
PDF
Galatica Smart Energy Infrastructure Startup Pitch Deck
PPTX
Database Infoormation System (DBIS).pptx
PDF
.pdf is not working space design for the following data for the following dat...
PDF
Lecture1 pattern recognition............
PDF
22.Patil - Early prediction of Alzheimer’s disease using convolutional neural...
PPTX
DISORDERS OF THE LIVER, GALLBLADDER AND PANCREASE (1).pptx
PPTX
mbdjdhjjodule 5-1 rhfhhfjtjjhafbrhfnfbbfnb
PDF
168300704-gasification-ppt.pdfhghhhsjsjhsuxush
PPTX
Business Acumen Training GuidePresentation.pptx
PPTX
MODULE 8 - DISASTER risk PREPAREDNESS.pptx
PPTX
IB Computer Science - Internal Assessment.pptx
PPTX
Acceptance and paychological effects of mandatory extra coach I classes.pptx
PPTX
05. PRACTICAL GUIDE TO MICROSOFT EXCEL.pptx
PPTX
Introduction-to-Cloud-ComputingFinal.pptx
PDF
Launch Your Data Science Career in Kochi – 2025
Mega Projects Data Mega Projects Data
Introduction to Business Data Analytics.
Major-Components-ofNKJNNKNKNKNKronment.pptx
BF and FI - Blockchain, fintech and Financial Innovation Lesson 2.pdf
Galatica Smart Energy Infrastructure Startup Pitch Deck
Database Infoormation System (DBIS).pptx
.pdf is not working space design for the following data for the following dat...
Lecture1 pattern recognition............
22.Patil - Early prediction of Alzheimer’s disease using convolutional neural...
DISORDERS OF THE LIVER, GALLBLADDER AND PANCREASE (1).pptx
mbdjdhjjodule 5-1 rhfhhfjtjjhafbrhfnfbbfnb
168300704-gasification-ppt.pdfhghhhsjsjhsuxush
Business Acumen Training GuidePresentation.pptx
MODULE 8 - DISASTER risk PREPAREDNESS.pptx
IB Computer Science - Internal Assessment.pptx
Acceptance and paychological effects of mandatory extra coach I classes.pptx
05. PRACTICAL GUIDE TO MICROSOFT EXCEL.pptx
Introduction-to-Cloud-ComputingFinal.pptx
Launch Your Data Science Career in Kochi – 2025
Ad

Data Visualization_principlesclasss.pptx

  • 2. Learning Outcome • Build pixel perfect dashboards that tell stories. • Create INSIGHTS
  • 3. Course Content • Introduction to Data Visualization • General Principles and Benefits of Data Visualization
  • 4. INTRODUCTION • All businesses are in the data business. This is because we live in a data-abundant world. • However, to understand this data, we need to aggregate the data, find relationships between features/variables in the data, look at trends, build KPIs and do different comparisons. • These analysis are best presented as data visualizations. • To reap these benefits of we need to pay attention to principles of data visualization. • This will ensure a picture is really worth a thousand word and does not require a thousand word to become clear.
  • 5. Data Visualization Principles and Benefits This principles is summarized with the DESIGN acronym: 1. Declutter 2. Emphasize 3. Storify 4. Involve 5. Give meaning 6. No distortion Data Visualization Benefits includes: 1. Improved attention 2. Quicker communication 3. Better retention 4. Deeper exploration 5. Sustained motivation 6. Stronger Engagement For more information on visualization: https://www.owox.com/blog/articles/data-visualization/ and https://careerfoundry.com/en/blog/data-analytics/what-is-data-visualization/
  • 6. De-clutter : The Art of Visual Clarity Decluttering a chart means eliminating everything that distracts from your data. This includes: • Removing borders • Removing dominant gridlines • Removing unnecessary Details • Having (too many) colors, shades or other decoration effects.
  • 7. De-clutter : The Art of Visual Clarity
  • 8. Emphasize: Highlighting the Main Message of a Chart This involves two things: • Choosing the right chart that highlights your key insight. • Accentuate the most important element in the chart. To choose the right chart format for your data, ask yourself the following questions. Do you want to: • Enable comparisons? Then choose vertical bars. • Enable a ranking from smallest to largest, then choose horizontal bars. • Show a trend over time? Then use a line chart. • Emphasize deviations from a goal or reference (such as a budget plan). In this case choose upwards and downwards vertical bars. More on charts – Visualization periodic table: https://www.visual-literacy.org/periodic_table/periodic_table.html
  • 9. Emphasize: Highlighting the Main Message of a Chart
  • 10. Storify: To give data glory, tell it in a three part story. To storify data means to present a chart (or a series thereof) in a way that lets you tell a captivating tale about the numbers that you are showing. This requires splitting your charts into a trilogy: • Setting the scene (an overview chart that clarifies the situation), • Showing the complications (one or several charts to show more details) • Providing a resolution, i.e., charts that show opportunities for action. Storifying your chart also means adding emotion to it – if appropriate – and giving it a distinctive visual style. It means connecting with the audience by making the data relevant to them ("selling before telling")
  • 11. Storify: To give data glory, tell it in a three part story.
  • 12. Involve: Engaging Data Audiences interactively Make your charts interactive. In an interactive chart, you can engage your audience as seen in the chart below: Engage your audience Letting them select areas of interest Letting them zoom-in to more detail, explore different data aspects Letting them filter out elements Letting them customize the display Letting them connect it to new data
  • 13. Give meaning: Eight Ways to make Data relatable (Part 1) 1. Linking data directly to possible actions or responses is one way to make it more meaningful (think bar chart on the left, recommended actions on the right). 2. Giving the chart an action title that expresses its so-what is another one. 3. Adding self-explanatory labels and axes descriptions to a chart helps to make it more meaningful even for hurried viewers. 4. Carefully adding symbols to a chart can help in its interpretation, for example a £, $, or € symbol for line charts with currency comparisons over time.
  • 14. Give meaning: Eight Ways to make Data relatable (Part 2) 5. Explaining the reasons behind outliers or other strange data patterns (for example through mouse-over comments) 6. Making data meaningful in a dashboard can be achieved by providing a reference point that shows whether a value is actually good or bad (above/below the target value). 7. You can also give meaning to numbers by showing them in their development over time. 8. Last but not least, you can make any number more relatable by comparing it to a phenomenon that the audience is familiar with, for example by showing that the Amazon has lost more than ten million football fields of forest in a decade.
  • 15. No Distortions: What to avoid in Chart Design The no distortion rule applies to how you visualize data as well as which data you visualize. • Compare items or values with the same characteristics • Do not paint an incomplete picture by leaving crucial data out of the chart. • Avoid charts with multiple axes (vertical). • Ensure that the y-axis of your chart starts from zero. • Eliminate all sources of misinterpretation from your data • Transform charts with several lines into several charts