Scribd
Upload
7 views18 pages

2 - Key Principles

The document outlines key principles in data visualization, emphasizing the importance of form and function, justifying design choices, creating intuitive accessibility, and maintaining ethical standards to avoid deception. It highlights that effective visualization skills must be learned and practiced. Additionally, it includes a group assignment focused on evaluating good and bad examples of data visualization based on these principles.

Uploaded by

Ahmad Luky Ramdani
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
7 views18 pages

2 - Key Principles

The document outlines key principles in data visualization, emphasizing the importance of form and function, justifying design choices, creating intuitive accessibility, and maintaining ethical standards to avoid deception. It highlights that effective visualization skills must be learned and practiced. Additionally, it includes a group assignment focused on evaluating good and bad examples of data visualization based on these principles.

Uploaded by

Ahmad Luky Ramdani
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 18

Data and Information Visualization:

Key Principles in Data Visualization


Most of the contents were
taken from Andy Kirk. Data
Acknowledgement
Visualization: A Successful
Design Process. Pact Publishing.
2012, chapter 1-2

2
Visualization Skills for the masses
The skills required for most effectively
displaying information are not intuitive and rely
largely on principles that must be learned.

Stephen Few (Show Me the Numbers)

3
Visualization Design Objectives:
Key Principles
1. Strive for forms and functions
2. Justifying the selection of everything we
do
3. Creating accessibility through intuitive
design
4. Never deceive the receiver

4
1. Strive for forms and functions

• Form versus function or style over substance?

Form follows function—that has been


misunderstood. Form and function should be
one, joined in a spiritual union.

Frank Lloyd Wright


5
Example

6
General Advice
• Initially focus on securing the functional
aspects of your visualization (build the house)
– achieve the foundation of something that informs
(functions)
– then exploring the ways of enhancing its form
(decorate the house).

• By practicing, you will be more confident in


synthesizing the two demands in harmony

7
2. Always Justifying the selection of
everything we do

• Everything you do is thoroughly:


– planned,
– understood,
– and reasoned.

We`re so busy thinking about if we can do


things, we forget to consider whether we should
Amanda Cox (Graphics Editor at New York Times)

8
Deliberate Design
• The inclusion, exclusion, and execution of every
single mark, characteristic, and design feature
is done for a reason
• Design features include:
– the use of a shape,
– the selection of a color pallet,
– the position of a label
– or the use of an interaction

9
Example
https://bit.ly/305t66L

10
3. Creating accessibility through
intuitive design

Overload, clutter, and confusion are not


attributes of information, they are failures of
design.

Edward Tufte

11
Example (1)

12
Example (2)

13
4. Never deceive the receiver
• Visualization ethics relates to the potential
deception that can be created
– intentionally
– or otherwise
• from an ineffective and inappropriate representation
of data.
• Sometimes it can be through a simple lack of
understanding of visual perception

14
Example (1)

15
Example (2)

16
Example (3)

17
Group Assignment 1 (2 students):
Good and Bad Data Viz
• Find two examples of data visualization works from
the internet, one for good example and another for
bad example.
• Justify your judgment by applying four key
principles in the DataViz.
• Report your work in the .ppt form contains:
– Two examples of DataViz work (20 points)
– Your justification why the chosen works good/bad (70
points)
– Source of DataViz work (link of the source ) (10 points)
• Submit the report to the Google classrooms

18

You might also like