DEL_presentation_Thi Nguyen

t

h c a o r p p n a o i u t a a s z i s l e a d u s a i v a t da step

o l e i han

h t + ng

n e y u i ng

DISCOVER

DEFINE

Exploration Collect Informatio n Context

Synthesize Collect insight

DATA VISUALIZATION data observation primary research

secondary research

the double diamond design process

DEVELOP

DELIVER

personal data

data for smart city

data for smart city

data workshop

n e e w t

e b p i h s n o i t a l d e n r y a g e n o l g th i o s n e h d c ęœ’ e t t r ęœ’ a y r t s u d n i bauhaus 1919

u o r h t

l e h t gh

d f o ens

u s i v ata

n o i t a aliz

process ━ product

form ━ function

simplicity ━ complexity

workshop ━ "learning by doing"

process ━ product

form ━ function

simplicity ━ complexity

workshop ━ "learning by doing"

bauhaus school, dessau

bauhaus curriculum

data vis process

data visualization 1 is a product or process?

workbook

process ━ product

form ━ function

simplicity ━ complexity

workshop ━ "learning by doing"

shape

color

X

Y2

shape

color

size

motion

X

Y2

Y1

Z

|static

| animated

| reconstructed

represent the following data 2 with primary shape the following numbers represent affordable housing units in Austin by status 625 projects completed 883 building permit issued 60 building plan approved rules of thumb: :: do not draw an axis or graph for this exercise

using the same shapes, visualize these numbers 3 using size and reconstruction 884 affordable housing developments 28 district 1 409 district 2 1 district 7 445 other 625 212 21 60 332

project completed in council district 1 in district 7 in District 2 in other

60 15 10 2 33

building permit issued district 1 district 2 district 7 other

with the same data, pick one shape, 4 choose two techniques 884 affordable housing developments 28 district 1 409 district 2 1 district 7 445 other 625 212 60 21 332

project completed in council district 1 in District 2 in district 7 other

60 15 10 2 33

building permit issued district 1 district 2 district 7 other

process ━ product

form ━ function

simplicity ━ complexity

source:

workshop ━ "learning by doing"

Nesting Tables Joseph Albert, 1926–27

Nesting Tables Joseph Albert, 1926–27

Nesting Tables

iMac Computer

Joseph Albert, 1926–27

Apple, 1998

Nesting Tables

iMac Computer

Joseph Albert, 1926–27

Apple, 1998

Nesting Tables

iMac Computer

U.S Immigration Data Vis

Joseph Albert, 1926–27

Apple, 1998

Max Galka

“technology is complex,

but it makes our lives simpler. to make something simple, we need to figure out what it is complex at first.

�

represent the following data 5 using one shape , size, and motion

categories: year, type of unit, number of affordable units, location (by zip code)

1993

25 10 15

multifamily unit total in zip code 78746 in zip code 78702

0

single family total

1 duplex total 1 in zip code 78746

2003

195 multifamily unit total 95 in zip code 78746 100 in zip code 78702

7 3 1 3

single family total in zip code 78746 in zip code 78702 in zip code 78727

4 duplex total 4 in zip code 78702

2007

708 100 508 100

114 100 7 7

single family total in zip code 78746 in zip code 78702 in zip code 78727

2 duplex total 2 in zip code 78702

multifamily unit total in zip code 78746 in zip code 78702 in zip code 78727

process ━ product

form ━ function

simplicity ━ complexity

source:

workshop ━ “learning by doing”

data vis process

data vis process

data vis process

personal data collection on social life 1 —in person and digital platforms

if you don't use social media, collect data from any message app or email or all threes

let's get start 1a with your phone day+ time

start with last Saturday

person of interaction

friend s, coworkers , family members acquaintance, community members (add more as you see fit)

digital platform

facebook, instagram, message app, email

type of interaction

like, share, post, comment text, emoji, gif , audio, video

evaluate your interaction

rank from 1 to 5 with 1 is the least positive & 5 is the most positive

in-person 1b contact day+ time

start with last Saturday

person of interaction

friends, coworkers, family members acquaintances , community members (add more as you see fit)

location

home and out-of-home (grocery store , public place , work)

type of interaction

verbal and non-verbal (smile , eye contact, physical touch, etc)

evaluate your interaction

rank from 1 to 5 with 1 is the least positive & 5 is the most positive

“good story

doesn't come from data. they are hidden in data relationship.

�

find data relationship 2 theme & trend

time

person of interaction

find data relationship 2 theme & trend

person of interaction

time

type of interaction

find data relationship 2 theme & trend

person of interaction

time

type of interaction

location or platform

find data relationship 2 theme & trend

person of interaction

time

type of interaction

evaluation

location or platform

practice 3 drawing tips don’t have to use primary shapes and colors

sketches are helpful before drawing your final data vis (explore different ways to visualize one data relationship)

data viz doesn't have to be in chronological order

static FORM

shape

motion static

color explanatory

reconstructed exploratory

FUNCTION

animated

size

interactive

data manipulation 4 and construction

static FORM

motion static

shape color explanatory

FUNCTION

reconstructed exploratory

size

animated

interactive

building 5 and publishing

k n a h t step

o l e i han

h t + ng

n e y u i ng