Analyzing and visualizing Data - Overview with 12 slides
School of Computer & Information Sciences
ITS530 Analyzing and Visualizing Data
Summary
10/7/18
Analyzing and Visualizing Data Summary
1
Kirk, A. (2016). Data Visualisation: A Handbook for Data Driven Design. Thousand Oaks, CA: Sage Publications, Ltd. ISBN: 978-1-4739-1214-4
10/7/18
Analyzing and Visualizing Data Summary
2
Chapter 1 Defining data visualisation
Chapter 2 Visualisation workflow
Chapter 3 Formulating your brief
Stage 1
Formulating your
Brief
Stage 2
Working with
Data
Stage 3
Establish your Editorial Thinking
Stage 4
Develop your
Design Solution
Chapter 1 Defining Data Visualization
Definition for Data Visualization
Data
Representation
Presentation
Understanding
Process of Understanding
Perceiving
Interpreting
Comprehending
Principles of Good Visualization Design
Trustworthy
Trust vs Truth
Trust Applies Throughout the Process
Accessible
Useful
Understandable
Unobtrusive
Elegant
Aesthetic
Thorough to last detail
As little design as pssible
10/7/18
Analyzing and Visualizing Data Summary
3
Chapter 2 Visualization Workflow
Four Stages of the Visualization Workflow
Formulating your brief
Working with data
Establishing your editorial thinking
Developing your design solution
Formulating your brief:
Planning
Defining
Initiating your project
Working with data:
Going through the mechanics of gathering
Handling and preparing your data
Establishing your Editorial Thinking
Defining what you will show your audience.
Developing your design solution:
Considering all the design options
Beginning the production cycle.
10/7/18
Analyzing and Visualizing Data Summary
4
Stage 1
Formulating your
Brief
Stage 2
Working with
Data
Stage 3
Establish your Editorial Thinking
Stage 4
Develop your
Design Solution
Chapter 3 Formulating your Brief
What is a Brief?
A brief represents a set of expectations and captures all the relevant information about a task or project
Establish your Projects Context
Curiosity/Intrigue: personal, stakeholder, audience, anticipated, potential intrigue
Circumstances
People – Stakeholders, audience
Constraints – Pressures, rules
Consumption (Frequency, Setting)
Deliverables (Quantity, Format, Skills, Technology)
Defining your Projects Purpose
Establish your Project’s Vision
Curiosity, circumstances, consumption, deliverables establish the purpose map
Use “The Purpose Map”
The best fit solution to facilitate the desired purpose!
Experience (Explanatory, Exhibitory, Exploratory)
Tone (Reading, Feeling)
10/7/18
Analyzing and Visualizing Data Summary
5
Chapter 4 Working with Data
Data Assets and Tabulation Types
Qualitative (Textual, Nominal, Ordinal)
Nominal (e.g. Gender) Ordinal (e.g. Survey Q. 1-5)
Quantitative (Interval, Ratio)
Data Acquisition (different sources)
Curated by you
Curated by others (downloaded from web, )
Data Examination
Physical properties: Type, size, condition, age
Meaning: Phenomenon, completeness
Data Transformation
Clean: Resolve data quality
Create: New calculations, conversions
Consolidate Any other data?
Data Exploration
Visual and Statistical Techniques
See data quality
Insights?
10/7/18
Analyzing and Visualizing Data Summary
6
Chapter 5 Establish your Editorial Thinking
Angle
Must be relevant in its potential interest for your audience.
Must have sufficient quantities to cover all relevant views – but no more than required.
Framing
Applying filters to your data to determine the inclusion and exclusion criteria.
Framing decisions must provide access to the most salient content but also avoid any distorting of the view of the data.
Focus
Which features of the display to draw particular attention to?
How to organize the visibility and hierarchy of the content?
10/7/18
Analyzing and Visualizing Data Summary
7
Chapter 6 Data Representation
Introducing Visual Encoding
All Charts based on Marks and Attributes
Marks represent
records for aggregation
Points, lines, areas, shapes, forms
Attributes
Variable values held for each record
Properties: Size, color, connection
Chart Types
Visual encoding is fundamental
Chart types are practical application
Five Families of Chart Types
Categorical
Hierarchical
Relational
Temporal
Spatial
Data Visualization Workflow
Formulate your brief
Work with Data
Establish Editorial Thinking
Develop Design
Trustworthy Design
Accessible Design
Elegant Design
10/7/18
Analyzing and Visualizing Data Summary
8
Chapter 7 Interactivity
Data Adjustments affect what is displayed
Framing,
Navigating,
Animating,
Sequencing,
Customizing
Presentation Adjustments
Focusing,
Annotating,
Orientating
Data Visualization Workflow
Formulate your brief
Work with Data
Establish Editorial Thinking
Develop Design Solution
Trustworthy Design
Accessible Design
Elegant Design
10/7/18
Analyzing and Visualizing Data Summary
9
Stage 1
Formulating your
Brief
Stage 2
Working with
Data
Stage 3
Establish your Editorial Thinking
Stage 4
Develop your
Design Solution
Chapter 8 Annotation
Project Annotations helps viewers
Understand project purpose, usage; may include:
Headings, titles, sub-titles, section headings
Introductions: background, aims of the project
User guides: advice or instructions on how to use
Multimedia: add images, videos or illustrations
Footnotes: potentially include data sources, credits, time/date, usage info, references
Chart Annotations
Chart Apparatus: axis lines, grid lines, tick marks
Labels: axis labels, value labels
Legend: detailed keys for color or size associations
Reading guides: instructions on how to read chart
Captions: drawing out key findings
Typography: choice of font-size hierarchy, legibility of type
ITS530 Chapter 8
10
Stage 1
Formulating your
Brief
Stage 2
Working with
Data
Stage 3
Establish your Editorial Thinking
Stage 4
Develop your
Design Solution
Chapter 9 Color “Chapter Overview”
Color design decision - most immediate impact!
Key: Meaning first and decoration second
9.1 Overview of Color Theory
RGB – Red, Green Blue – form screen colors
CMYK – Cyan, Magenta, Yellow, Black - print
Hue – the true color
Saturation – colorfulness of Hue
Lightness contrast of a different Hue
Other models (HSV, HSI, HSB, HCL)
Features of Color: Data Legibility
Data Legibility
Editorial Salience
Functional Harmony
Data Legibility
Nominal (Qualitative)
Ordinal (Qualitative)
Interval & Ratio (Quantitative)
9.3 Editorial Salience
9.4 Functional Harmony
Interactive features, annotation, composition
9.5 Visualization Workflow
ITS530 Chapter 9
11
Stage 1
Formulating your
Brief
Stage 2
Working with
Data
Stage 3
Establish your Editorial Thinking
Stage 4
Develop your
Design Solution
Chapter 10 Composition
Features of Composition
Project Composition
Chart Composition
10.1 Project Composition
Wireframing or storyboarding
Wireframing involves sketching the layout and size of all the major content across a single-page view
Storyboarding is when you want to establish a high level feel for the overall architecture of content.
10.2 Chart Composition
Chart Size
Chart Scales
Chart Orientation
Chart Value Sorting
Ordinal (Qualitative)
Interval & Ratio (Quantitative)
ITS530 Chapter 10
12
Stage 1
Formulating your
Brief
Stage 2
Working with
Data
Stage 3
Establish your Editorial Thinking
Stage 4
Develop your
Design Solution
Chapter 11 Visualization Literacy
Before you begin
Setting, Visual Appeal, Relevance
Initial Scan?
Outside the Chart
The proposition – Format, Shape and Size
What is the project about
What Data?
Interactive Function?
Inside the Chart
Perceiving – Comprehending - Understanding
A More Sophisticated Consumer
Appreciation of context,
Overview then details
Capabilities of the Visualizer
Initiator – overseas the project
Data Scientist - the data miner
Journalist is the storyteller
Computer Scientist is the executor
Designer is the creative one
Cognitive Scientist is the thinker
Communicator is the negotiator
the Project manager
ITS530 Chapter 11
13
http://www.visualisingdata.com/2012/06/article-the-8-hats-of-data-visualisation-design/
Stage 1
Formulating your
Brief
Stage 2
Working with
Data
Stage 3
Establish your Editorial Thinking
Stage 4
Develop your
Design Solution
Questions?
10/7/18
Analyzing and Visualizing Data Summary
14