+ All Categories
Home > Documents > Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data...

Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data...

Date post: 29-Jan-2020
Category:
Upload: others
View: 6 times
Download: 0 times
Share this document with a friend
70
Links Tableau License for Students GitHub Student Pack Block Builder
Transcript
Page 1: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Links

Tableau License for Students

GitHub Student Pack

Block Builder

Page 2: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

data

Page 3: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Administrative

Page 4: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

a0, a1 due

Page 5: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to
Page 6: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

1X Y

2X Y

3X Y

4X Y

MeanVariance

Correlation

Anscombe’s Quartet: Raw Data

Page 7: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

1X Y

2X Y

3X Y

4X Y

MeanVariance

Correlation

Anscombe’s Quartet: Raw Data

Page 8: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

1X Y

2X Y

3X Y

4X Y

MeanVariance

Correlation

Anscombe’s Quartet: Raw Data

Page 9: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

1X Y

2X Y

3X Y

4X Y

MeanVariance

Correlation

Anscombe’s Quartet: Raw Data

Page 10: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

1X Y

2X Y

3X Y

4X Y

MeanVariance

Correlation

Anscombe’s Quartet: Raw Data

Page 11: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Tableau

Page 12: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

typical vis design

Page 13: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Key question: how to map data to visuals?

Page 14: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Set Theory

Bijection (one visual attribute, one data attribute)

Surjection (multiple visual attribute to one data attribute)

Injection (One to one mapping, but not all data elements are mapped)

Page 15: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Data Vars > Visual Vars ?

What happens when

Page 16: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Visual Vars > Data Vars ?

What happens when

Page 17: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Data Attributes

Page 18: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to
Page 19: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

nominal

Non-ordered and non-numeric

AKA categorical data

[‘apple’, ‘pear’, ‘banana’]

Page 20: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to
Page 21: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

ordinal

Ordered, not necessarily numeric

[1st, 3rd, 5th, 7th]

[‘G’, ‘PG’, ‘PG-13’, ‘R’] PG -> R

1st -> 3rd

Page 22: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

ordinal

Ordered, not necessarily numeric

[1st, 3rd, 5th, 7th]

[‘G’, ‘PG’, ‘PG-13’, ‘R’] PG -> R

1st -> 3rd

length is not meaningful

Page 23: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to
Page 24: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

interval

Ordered, numeric, not ratio-able

[‘Jan 12’, ‘Jan 20’]

[’17°’, ‘44°’, ‘23°’, ‘30°’]

Jan 12/Jan 20 = ???

23° / 30° = ???

Page 25: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to
Page 26: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

ratio

Ordered, numeric, ratio-able (has a “true” 0)

[1, 3, 5, 7]

[ 5’8”, 6’1”, 5’4” ]

Page 27: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to
Page 28: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Ratio / Interval (Q)

Ordinal

Nominal

Q -> O[0-100] —> [A, B, C, D, F]

transforms

Page 29: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Ratio / Interval (Q)

Ordinal

Nominal

Q -> O[0-100] —> [A, B, C, D, F]

O -> N[A, B, C, D, F] -> [B, C, F, D, A]

transforms

Page 30: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Ratio / Interval (Q)

Ordinal

Nominal

Q -> O[0-100] —> [A, B, C, D, F]

O -> N[A, B, C, D, F] -> [B, C, F, D, A]

N -> O[“Jack”, “Alex” ] -> [“Alex”, “Jack”]

transforms

Page 31: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

transforms

Ratio / Interval (Q)

Ordinal

Nominal

Q -> O[0-100] —> [A, B, C, D, F]

O -> N[A, B, C, D, F] -> [B, C, F, D, A]

N -> O[“Jack”, “Alex” ] -> [“Alex”, “Jack”]

O -> Q“Alex”+”Jack” -> 7 ???

Page 32: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Interval

OrdinalNominal

operations

== != > < <= >=

+ -Ratio

/ *

Page 33: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Interval

OrdinalNominal

operations

== != > < <= >=

+ -Ratio

/ *

consider a distance function…

Page 34: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Attribute TypesCategorical

OrderedOrdinal

Quantitative

Page 35: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

structure

Page 36: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Tables

Attributes (columns)

Items (rows)

Cell containing value

Networks

Link

Node (item)

Trees

Fields (Continuous)

Attributes (columns)

Value in cell

Cell

Multidimensional Table

Value in cell

Grid of positions

Geometry (Spatial)

Position

Dataset Types

Page 37: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Tables

Attributes (columns)

Items (rows)

Cell containing value

Networks

Link

Node (item)

Trees

Fields (Continuous)

Attributes (columns)

Value in cell

Cell

Multidimensional Table

Value in cell

Grid of positions

Geometry (Spatial)

Position

Dataset Types

Page 38: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Tables

Attributes (columns)

Items (rows)

Cell containing value

Networks

Link

Node (item)

Trees

Fields (Continuous)

Attributes (columns)

Value in cell

Cell

Multidimensional Table

Value in cell

Grid of positions

Geometry (Spatial)

Position

Dataset Types

time

record #

Page 39: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Tables

Attributes (columns)

Items (rows)

Cell containing value

Networks

Link

Node (item)

Trees

Fields (Continuous)

Attributes (columns)

Value in cell

Cell

Multidimensional Table

Value in cell

Grid of positions

Geometry (Spatial)

Position

Dataset Types

sample

record #

Page 40: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Why?

How?

What?

Datasets

What?Attributes

Dataset Types

Data Types

Data and Dataset Types

Dataset Availability

Static Dynamic

Tables

Attributes (columns)

Items (rows)

Cell containing value

Networks

Link

Node (item)

Trees

Fields (Continuous)

Geometry (Spatial)

Attributes (columns)

Value in cell

Cell

Multidimensional Table

Value in cell

Items Attributes Links Positions Grids

Attribute Types

Ordering Direction

Categorical

OrderedOrdinal

Quantitative

Sequential

Diverging

Cyclic

Tables Networks & Trees

Fields Geometry Clusters, Sets, Lists

Items

Attributes

Items (nodes)

Links

Attributes

Grids

Positions

Attributes

Items

Positions

Items

Grid of positions

Position

Page 41: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Tables

Attributes (columns)

Items (rows)

Cell containing value

Networks

Link

Node (item)

Trees

Fields (Continuous)

Attributes (columns)

Value in cell

Cell

Multidimensional Table

Value in cell

Grid of positions

Geometry (Spatial)

Position

Dataset Types

Page 42: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

data shapes the algorithm space

Page 43: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

data shapes the visual space

Page 45: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Visual Attributes

Page 46: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Bertin, Semiologie Graphique, ‘67

Page 47: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to
Page 48: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

(pay attention to your how you judge these differences)

Page 49: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Position (Common Scale)

-scatterplots -bar charts -line charts -???

Page 50: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Position (Un-aligned Scale)

-stacked bars -stacked area -???

Page 51: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Use design elements to compensate!

Page 52: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Angle

Page 53: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Volume

Accurate encoding does not ensure accurate perception!

Page 54: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to
Page 55: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Luminance and Saturation— really the same?

Page 56: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to
Page 57: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Identity

Page 58: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to
Page 59: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Spatial Region

Page 60: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Hue bad for magnitude:

Page 61: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Hue is great for identity:

Hue bad for magnitude:

Page 62: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Shape

Demiralp et al., 2014

Page 63: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Shape

Demiralp et al., 2014

Page 64: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Motion

(huge attention grabber, use with caution)

Page 65: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to
Page 66: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to
Page 67: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Data Vars > Visual Vars ?

What happens when

Page 68: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Visual Vars > Data Vars ?

What happens when

Page 69: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

Lab: Data Deconstruction

Page 70: Block Builder Links - GitHub Pages · Set Theory Bijection (one visual attribute, one data attribute) Surjection (multiple visual attribute to one data attribute) Injection (One to

A2:Visualization, 10 ways


Recommended