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