EFFECTIVE DATA

VISUALIZATION
Presented by : Abi Asykari Fillah
Table of contents :

● Background
● Definition
● Visualization types
● Best practices
BACKGROUND
BACKGROUND
“80% of our brain is
dedicated to visual
“Images tells the better story than words” processing”

Beneficial of Data
Visualization :
● Digest information
faster
● Identify relationship
and patterns
● Communicate story
to others easily
BACKGROUND

● Ineffective
Graphs
Everywhere
BACKGROUND

Language Mathema Storytelling with

tics Data
● We aren’t
naturally
good at
storytelling Able to tell
with data Proficient with excel stories with
the Data
 BACKGROUND

Before storytelling with data After storytelling with data

 BACKGROUND

Before storytelling with data After storytelling with data

 BACKGROUND

Before storytelling with data After storytelling with data

DEFINITION
 DEFINITION
● Data visualization is representation and presentation of data to
facilitate understanding.

Accurate Prioritize data accuracy, clarity, and integrity, presenting

information in a way that doesn’t distort it.

Helpful Help users navigate data with context and decision making.

Adapt visualizations for different device sizes, while

Scalable anticipating user needs on data depth, complexity, and
modality.
VISUALIZATION TYPES
 VISUALIZATION TYPES

Story Types
:

1 2 3 4
 VISUALIZATION TYPES

Story Types
:

5 6 7 8
 VISUALIZATION TYPES
AREA CHART

LINE CHART

comparison, trend, growth,

trend, composition/proportion
time series chart
 VISUALIZATION TYPES

VERTICAL BAR CHART HORIZONTAL BAR CHART

ranking, comparison
comparison
 VISUALIZATION TYPES
Some considerations of creating bar chart :
● Use Zero baseline
● Fit the width of bar
 VISUALIZATION TYPES

STACKED VERTICAL BAR CHART STACKED HORIZONTAL BAR CHART

composition, change over time composition, comparison

 VISUALIZATION TYPES
Some considerations of creating bar chart :
PIE CHART ● Don’t use 3D
● Always use data labels
● When segments are close in size, it’s difficult
to tell which is bigger

Single composition
 VISUALIZATION TYPES

MAP CHART SCATTER PLOT

Geographical analysis, finding problems, finding champions correlation, finding outliers

 VISUALIZATION TYPES
SLOPEGRAPH HEAT MAP CHART

comparison, growth Finding correlations, ranking

 VISUALIZATION TYPES
WATERFALL CHART BOX PLOT CHART

Flow process Comparing distributions, outliers

BEST PRACTICES
 BEST PRACTICES

Steps to how make an effective graphs :

1. Understand the context.
2. Choose an appropriate visual display.
3. Eliminate clutter.
4. Focus attention where you want it.
5. Think like a designer.
6. Ready to Tell a story!
 BEST PRACTICES
1. Understand the context

● Who -> To whom are you communicating?

● What -> What do you want your audience to know
or do?
● How -> How can you use data to help make your
point?
 BEST PRACTICES
2. Choose an appropriate visual display
● Choose the story types you want to deliver

3. Eliminate clutter
Closure
● One culprit that can contribute to excessive or extraneous
cognitive load is something I refer to simply as clutter.
Enclosure
● Gestalt Principles of Visual Perception

Proximity Similarity Continuity Connection

 BEST PRACTICES
4. Focus attention where you want it
● Preattentive attributes (color, size, position, etc)
○ To help direct your audience’s attention to where you
want them to focus it.
○ Second, they can be used to create a visual hierarchy
of elements to lead your audience through the
information you want to communicate in the way you
want them to process it.
● Use Zig - Zag method.
 BEST PRACTICES
5. Think like a designer
● Highlight the important stuff.
● Eliminate distractions.
● Create a clear visual hierarchy of information
● Text is your friend
LET’S GET PRACTICES
[Approval][Initiative] Onboarding New Drivers
To support the demand in the weekend

On average, order created by customer increase +22% in

the weekend compare to weekdays

Order created

Order completed

While from supply, order completed decreased by -6% in

the weekend compare to weekdays

WEEKEND

Data source : Kaggle (Uber Supply Demand 2016)

THANK YOU