![Page 1: Visualization tl;dr. Four Pillars of Visualization* 1.Purpose - why 2.Content - what 3.Structure - how (shape) 4.Formatting - everything else * And other](https://reader038.vdocument.in/reader038/viewer/2022103100/56649f295503460f94c41f82/html5/thumbnails/1.jpg)
Visualization tl;dr
![Page 2: Visualization tl;dr. Four Pillars of Visualization* 1.Purpose - why 2.Content - what 3.Structure - how (shape) 4.Formatting - everything else * And other](https://reader038.vdocument.in/reader038/viewer/2022103100/56649f295503460f94c41f82/html5/thumbnails/2.jpg)
Four Pillars of Visualization*
1. Purpose - why2. Content - what3. Structure - how (shape)4. Formatting - everything else
* And other communication
![Page 3: Visualization tl;dr. Four Pillars of Visualization* 1.Purpose - why 2.Content - what 3.Structure - how (shape) 4.Formatting - everything else * And other](https://reader038.vdocument.in/reader038/viewer/2022103100/56649f295503460f94c41f82/html5/thumbnails/3.jpg)
Visualization Design Done Right
Noah Iliinsky @noahiComplexDiagrams.com
![Page 4: Visualization tl;dr. Four Pillars of Visualization* 1.Purpose - why 2.Content - what 3.Structure - how (shape) 4.Formatting - everything else * And other](https://reader038.vdocument.in/reader038/viewer/2022103100/56649f295503460f94c41f82/html5/thumbnails/4.jpg)
Visualization, and other forms of communication
![Page 5: Visualization tl;dr. Four Pillars of Visualization* 1.Purpose - why 2.Content - what 3.Structure - how (shape) 4.Formatting - everything else * And other](https://reader038.vdocument.in/reader038/viewer/2022103100/56649f295503460f94c41f82/html5/thumbnails/5.jpg)
Start here
… not here.
![Page 6: Visualization tl;dr. Four Pillars of Visualization* 1.Purpose - why 2.Content - what 3.Structure - how (shape) 4.Formatting - everything else * And other](https://reader038.vdocument.in/reader038/viewer/2022103100/56649f295503460f94c41f82/html5/thumbnails/6.jpg)
![Page 7: Visualization tl;dr. Four Pillars of Visualization* 1.Purpose - why 2.Content - what 3.Structure - how (shape) 4.Formatting - everything else * And other](https://reader038.vdocument.in/reader038/viewer/2022103100/56649f295503460f94c41f82/html5/thumbnails/7.jpg)
Four Pillars of Visualization*
1. Purpose - why2. Content - what3. Structure - how (shape)4. Formatting - everything else
* And other communication
![Page 8: Visualization tl;dr. Four Pillars of Visualization* 1.Purpose - why 2.Content - what 3.Structure - how (shape) 4.Formatting - everything else * And other](https://reader038.vdocument.in/reader038/viewer/2022103100/56649f295503460f94c41f82/html5/thumbnails/8.jpg)
Purpose > Content > Structure > Formatting
• Why am I here?• What’s interesting?• Who is my customer?• What do they need to know?• How will this data be
consumed?
![Page 9: Visualization tl;dr. Four Pillars of Visualization* 1.Purpose - why 2.Content - what 3.Structure - how (shape) 4.Formatting - everything else * And other](https://reader038.vdocument.in/reader038/viewer/2022103100/56649f295503460f94c41f82/html5/thumbnails/9.jpg)
Purpose > Content > Structure > Formatting
![Page 10: Visualization tl;dr. Four Pillars of Visualization* 1.Purpose - why 2.Content - what 3.Structure - how (shape) 4.Formatting - everything else * And other](https://reader038.vdocument.in/reader038/viewer/2022103100/56649f295503460f94c41f82/html5/thumbnails/10.jpg)
Purpose > Content > Structure > Formatting
![Page 11: Visualization tl;dr. Four Pillars of Visualization* 1.Purpose - why 2.Content - what 3.Structure - how (shape) 4.Formatting - everything else * And other](https://reader038.vdocument.in/reader038/viewer/2022103100/56649f295503460f94c41f82/html5/thumbnails/11.jpg)
Purpose > Content > Structure > Formatting
Give answers - not just
data
![Page 12: Visualization tl;dr. Four Pillars of Visualization* 1.Purpose - why 2.Content - what 3.Structure - how (shape) 4.Formatting - everything else * And other](https://reader038.vdocument.in/reader038/viewer/2022103100/56649f295503460f94c41f82/html5/thumbnails/12.jpg)
Purpose > Content > Structure > Formatting
"Piecharts". Licensed under Creative Commons Attribution 1.0 via Wikimedia Commons
Graph type matters.
![Page 13: Visualization tl;dr. Four Pillars of Visualization* 1.Purpose - why 2.Content - what 3.Structure - how (shape) 4.Formatting - everything else * And other](https://reader038.vdocument.in/reader038/viewer/2022103100/56649f295503460f94c41f82/html5/thumbnails/13.jpg)
Formatting
Structure
Content
Purpose
![Page 14: Visualization tl;dr. Four Pillars of Visualization* 1.Purpose - why 2.Content - what 3.Structure - how (shape) 4.Formatting - everything else * And other](https://reader038.vdocument.in/reader038/viewer/2022103100/56649f295503460f94c41f82/html5/thumbnails/14.jpg)
Because SCIENCE!
http://ComplexDiagrams.com/properties
![Page 15: Visualization tl;dr. Four Pillars of Visualization* 1.Purpose - why 2.Content - what 3.Structure - how (shape) 4.Formatting - everything else * And other](https://reader038.vdocument.in/reader038/viewer/2022103100/56649f295503460f94c41f82/html5/thumbnails/15.jpg)
Color is difficult.
![Page 16: Visualization tl;dr. Four Pillars of Visualization* 1.Purpose - why 2.Content - what 3.Structure - how (shape) 4.Formatting - everything else * And other](https://reader038.vdocument.in/reader038/viewer/2022103100/56649f295503460f94c41f82/html5/thumbnails/16.jpg)
This talk, in much more detail.
• Videos!• Blog posts!• Slide decks!• White papers!• Cheat sheets!http://ComplexDiagrams.com/4pillars
![Page 17: Visualization tl;dr. Four Pillars of Visualization* 1.Purpose - why 2.Content - what 3.Structure - how (shape) 4.Formatting - everything else * And other](https://reader038.vdocument.in/reader038/viewer/2022103100/56649f295503460f94c41f82/html5/thumbnails/17.jpg)
17
A word on 3D: don’t.