![Page 1: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/1.jpg)
Designing with Data October 16th 10:15Webdagen 2014 Oslo, Norway
![Page 2: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/2.jpg)
![Page 3: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/3.jpg)
![Page 4: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/4.jpg)
@briansuda
![Page 5: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/5.jpg)
![Page 6: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/6.jpg)
![Page 7: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/7.jpg)
Data Vizualizations
![Page 8: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/8.jpg)
Diffi
culty
Cha
rts
& G
raph
s
Info
grap
hics
Inte
ract
ive
Sim
ulat
ions
3D O
bjec
ts
User Engagement
![Page 9: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/9.jpg)
![Page 10: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/10.jpg)
Today's focus
![Page 11: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/11.jpg)
![Page 12: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/12.jpg)
![Page 13: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/13.jpg)
![Page 14: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/14.jpg)
0201
4
jan
feb
mar
apr
may
jun
jul
aug
sept
oct
nov
dec
w s s t t s t f m w s m
t s s w f m w s t t s t
f m m t s t t s w f m w
s t t f s w f m t s t t
s w w s m t s t f s w f
m t t s t f s w s m t s
t f f m w s m t s t f s
4111825
310172431
29162330
18152229
6132027
5121926
7142128 02
015
jan
feb
mar
apr
may
jun
jul
aug
sept
oct
nov
dec
t s s w f m w s t t s t
f m m t s t t s w f m w
s t t f s w f m t s t t
s w w s m t s t f s w f
m t t s t f s w s m t s
t f f m w s m t s t f s
w s s t t s t f m w s m
4111825
310172431
29162330
18152229
6132027
5121926
7142128
![Page 15: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/15.jpg)
Atomic Charts
![Page 16: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/16.jpg)
![Page 17: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/17.jpg)
Bar Charts
100
300
200
1 2 3 4 5 6 7 8 9 10 11 12
400
![Page 18: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/18.jpg)
Area Charts
100
300
200
1 2 3 4 5 6 7 8 9 10 11 12
400
500
700
600
800
![Page 19: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/19.jpg)
Tree Maps
![Page 20: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/20.jpg)
![Page 21: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/21.jpg)
Line Charts
200,000
400,000
600,000
800,000
1,000,000
June July Aug Sept Oct Nov Dec Jan Feb
![Page 22: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/22.jpg)
Horizon Graphs
100
300
200
1 2 3 4 5 6 7 8 9 10 11 12
400
-400
-200
-300
-100
13 14 15 16 17 18 19 20
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
![Page 23: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/23.jpg)
100
300
200
1 2 3 4 5 6 7 8 9 10 11 12
400
-400
-200
-300
-100
13 14 15 16 17 18 19 20
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
100
300
200
1 2 3 4 5 6 7 8 9 10 11 12
400
-400
-200
-300
-100
13 14 15 16 17 18 19 20
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
100
300
200
1 2 3 4 5 6 7 8 9 10 11 12
400
-400
-200
-300
-100
13 14 15 16 17 18 19 20
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
100
300
200
1 2 3 4 5 6 7 8 9 10 11 12
400
-400
-200
-300
-100
13 14 15 16 17 18 19 20
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
100
300
200
1 2 3 4 5 6 7 8 9 10 11 12
400
-400
-200
-300
-100
13 14 15 16 17 18 19 20
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
![Page 24: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/24.jpg)
Scatter Plots
Density
Area
00
1,000 km
30%
![Page 25: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/25.jpg)
Matrix
Commodity
Luxury
ExpensiveIn
expe
nsiv
e
Limos and lounges
1p deals
No compeition for expensive seats!
Hard to pay for luxury with cheap
tickets
Competition
Competition
![Page 26: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/26.jpg)
Maps
Edinburgh
Newcastle
Manchester
Cardiff LONDON
![Page 27: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/27.jpg)
Attributes to signal changeHow do we highlight just aspect of the design?
![Page 28: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/28.jpg)
Attributes to signal change
ColorSun Mon Tue Wed Thu Fri Sat
![Page 29: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/29.jpg)
Attributes to signal change
SaturationSun Mon Tue Wed Thu Fri Sat
![Page 30: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/30.jpg)
Attributes to signal change
Position2009 Q1 Q2 Q3 Q4
![Page 31: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/31.jpg)
Attributes to signal change
Weight
0
50
25
Feb Mar Apr MayJan Jun
![Page 32: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/32.jpg)
Attributes to signal change
Shape
0
50
25
Feb Mar Apr MayJan Jun
![Page 33: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/33.jpg)
Attributes to signal change
Animation: Yellow Fade Technique Rotation Others...
![Page 34: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/34.jpg)
3D
![Page 35: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/35.jpg)
3D Charts!
Vanishing Point
![Page 36: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/36.jpg)
3D Charts!Vanishing Point
![Page 37: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/37.jpg)
3D Charts!
Vanishing Point
![Page 38: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/38.jpg)
3D Charts!
![Page 39: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/39.jpg)
3D Charts!
http://www.guardian.co.uk/technology/blog/2008/jan/21/liesdamnliesandstevejobs
![Page 40: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/40.jpg)
![Page 41: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/41.jpg)
![Page 42: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/42.jpg)
Data to Ink RatioA large share of ink on a graphic should present data-information, the ink changing as the data change. Data-ink is the non-erasable core of a graphic, the non-redundant ink arranged in response to variation in the numbers represented. !
Tufte, 1983
![Page 43: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/43.jpg)
Data to Ink Ratio
Data to ink Ratio
Data InkTotal Ink
=
![Page 44: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/44.jpg)
Reduce!!!
![Page 45: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/45.jpg)
Reduce!!!100
0
75
50
25
Q1 Q2 Q3 Q4
![Page 46: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/46.jpg)
Reduce!!!
0
58
32
Q1 Q2 Q3 Q4
![Page 47: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/47.jpg)
Reduce!!!
0
58
32
Q1 Q2 Q3 Q4
![Page 48: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/48.jpg)
Reduce!!!
0
58
32
Q1 Q2 Q3 Q4
![Page 49: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/49.jpg)
Reduce!!!
0
58
32
Q1 Q2 Q3 Q4
![Page 50: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/50.jpg)
Reduce!!!
60%
40%
20%
80%
60%
40%
20%
80%
![Page 51: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/51.jpg)
Two Camps
![Page 52: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/52.jpg)
http://52weeksofux.com/post/963764999/chart-junk-isnt-as-
bad-as-you-think
Chart Junk isn’t as bad as you think
![Page 53: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/53.jpg)
![Page 54: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/54.jpg)
GetColour()
![Page 55: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/55.jpg)
$hex = substr(md5(“13:00”),0,6);
#36b0cf
![Page 56: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/56.jpg)
October = #eca60a
14:00 = #13a07b
Oslo = #f48304
Webdagene = #991899
Norway = #d5b929
![Page 57: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/57.jpg)
Needs a friend
![Page 58: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/58.jpg)
![Page 59: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/59.jpg)
October = #eca60a
14:00 = #13a07b
Oslo = #f48304
Webdagene = #991899
Norway = #d5b929
![Page 60: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/60.jpg)
![Page 61: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/61.jpg)
Accessibility
![Page 62: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/62.jpg)
![Page 63: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/63.jpg)
![Page 64: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/64.jpg)
![Page 65: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/65.jpg)
![Page 66: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/66.jpg)
Types of color blindness
![Page 67: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/67.jpg)
![Page 68: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/68.jpg)
Deuteranopia
![Page 69: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/69.jpg)
Protanopia
![Page 70: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/70.jpg)
Tritanopia
![Page 71: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/71.jpg)
![Page 72: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/72.jpg)
![Page 73: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/73.jpg)
![Page 74: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/74.jpg)
Monopoly Money
![Page 75: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/75.jpg)
![Page 76: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/76.jpg)
Vector vs. Raster OriginalVector
Raster
![Page 77: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/77.jpg)
![Page 78: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/78.jpg)
Retina High DPI
![Page 79: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/79.jpg)
CH
ART
FO
NT
S
WEB
FO
NT
S
![Page 80: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/80.jpg)
https://github.com/optional-is/PlayfairCharts
http://www.fivesimplesteps.com/products/creating-symbol-fonts
![Page 81: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/81.jpg)
<SVG><SVG>
![Page 83: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/83.jpg)
Useful Skills for Data Viz
![Page 84: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/84.jpg)
Javascript: jQuery/Raphael
![Page 85: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/85.jpg)
Javascript: jQuery/RaphaelHTML/CSS
![Page 86: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/86.jpg)
Javascript: jQuery/RaphaelHTML/CSS
Excel/Spreadsheets
![Page 87: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/87.jpg)
Javascript: jQuery/RaphaelHTML/CSS
Any Programming Language
Excel/Spreadsheets
![Page 88: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/88.jpg)
Javascript: jQuery/RaphaelHTML/CSS
Any Programming Language
Excel/Spreadsheets
SVG
![Page 89: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/89.jpg)
Hatching a data viz, (social) media campaign
![Page 90: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/90.jpg)
Launch1
week before
2 weeks before
3 weeks before
4 weeks before
Blog P
ost
Shar
eable
Gra
phics
Larg
e Info
grap
hic
Mor
e tea
sers
![Page 91: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/91.jpg)
Social Media
![Page 92: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/92.jpg)
Social MediaKeep a Blog
![Page 93: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/93.jpg)
Social MediaKeep a Blog
Make it Sharable
![Page 94: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/94.jpg)
Social MediaKeep a Blog
Static to Interactive
Make it Sharable
![Page 95: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/95.jpg)
Social MediaKeep a Blog
Static to Interactive
Make it Sharable
Update Old Content
![Page 96: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/96.jpg)
Social MediaKeep a Blog
Static to Interactive
Make it Sharable
Tools rather than pretty
Update Old Content
![Page 97: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/97.jpg)
Technique vs. Style
![Page 98: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/98.jpg)
If you don't have a basis on which to make a choice, then you don't have a style at all, you have a series of accidents.
—Philip Glass
![Page 99: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/99.jpg)
![Page 100: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/100.jpg)
Create a style, NOT a series of accidents!
![Page 101: Brian Suda: Designing with data (Webdagene 2014)](https://reader031.vdocument.in/reader031/viewer/2022013003/558ebc931a28ab761f8b4723/html5/thumbnails/101.jpg)
Brian Suda [email protected] @briansudaTHANKS!