1 / 52

Visualization

Visualization. Visualization. On Visualizations:. The importance of good design Design principles A few examples. §1 Why is good design important?. If a graph falls in the forest and you’re not around to explain…. If a graph falls in the forest. …will anyone understand ?.

sydney-smith
Download Presentation

Visualization

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Visualization

  2. Visualization

  3. On Visualizations: The importance of good design Design principles A few examples

  4. §1 Why is good designimportant?

  5. If a graph falls in the forest and you’re not around to explain… If a graph falls in the forest

  6. …will anyone understand? by William H. Smyth, 1926. photo 2011 John Jackson, some rights reserved

  7. Paint a vivid picture

  8. §2 VisualizationPrinciples

  9. orHow to design without being a graphic designer

  10. 6 rules to make your visualizations 80% better Ask“What’s 1 thingviewers need to know?” Ask “What happens if my main point fails?” Everything on the page has a function. Don’t accept defaults. Remove chart-junk. Don’t shout all the time. 1 thing principles practices

  11. Ask“What’s 1 thing viewers need to know?”

  12. crowd

  13. 1what’s1thingIwantviewerstoknow?Emphasizesomething!There’slotsofstuffonthepage,don’tleaveeffectivecommunicationtochance.Youdon’thavetodumbthingsdowntogetthatmessageacross,butreallythinkaboutwhatthecoremessageis…1what’s1thingIwantviewerstoknow?Emphasizesomething!There’slotsofstuffonthepage,don’tleaveeffectivecommunicationtochance.Youdon’thavetodumbthingsdowntogetthatmessageacross,butreallythinkaboutwhatthecoremessageis…

  14. 1what’s1thingIwantviewerstoknow?Emphasizesomething!There’slotsofstuffonthepage,don’tleaveeffectivecommunicationtochance.Youdon’thavetodumbthingsdowntogetthatmessageacross,butreallythinkaboutwhatthecoremessageis…1what’s1thingIwantviewerstoknow?Emphasizesomething!There’slotsofstuffonthepage,don’tleaveeffectivecommunicationtochance.Youdon’thavetodumbthingsdowntogetthatmessageacross,butreallythinkaboutwhatthecoremessageis…

  15. 1what’s1thingIwantviewerstoknow?Emphasizesomething!There’slotsofstuffonthepage,don’tleaveeffectivecommunicationtochance.Youdon’thavetodumbthingsdowntogetthatmessageacross,butreallythinkaboutwhatthecoremessageis…1what’s1thingIwantviewerstoknow?Emphasizesomething!There’slotsofstuffonthepage,don’tleaveeffectivecommunicationtochance.Youdon’thavetodumbthingsdowntogetthatmessageacross,butreallythinkaboutwhatthecoremessageis…

  16. Focus! Ask “What happens if my main point fails?”

  17. Efficiently grouping patient rides≈20% decrease in trips facilities patients Not enough context

  18. few patients many patients Segment facilities by medical transport patterns for targeted efficiency more trips known name & address variations (5 to 131+) per site reveal technical & process hurdles less trips 5

  19. Don’t go blind Reiterate structure Reinforce concepts Focus! Context is your plan B. Everything on the page has a function. You are here

  20. To look like a package of bed sheets? Made of wood? With a strapped down sign? That takes up 30% of the slide’s area? That still manages to float? To tell you where to go to find the presentation? And what day is? In a bar that’s just as loud as any of the content?

  21. Focus! Context is your plan B. Everything does something. SO: Don’t accept defaults.

  22. Are the defaults sufficient?

  23. No!Don’t send your baby into the world naked.

  24. Focus! Context is your plan B. Everything does something. Don’t accept defaults. SO: Remove chart-junk.

  25. Assault vi c 9 182 P y ne Poin t 38 176 W hit m an Park 19 161 Lanning Squar e 18 151 Mar l ton 23 146 Fa i r vi ew 15 142 Cra m er Hill 21 142 Pa r k s i d e 14 138 Sto c k t o n 10 96 Beide m a n 16 94 Be r gen Squa r e 15 94 Morgan Villag e all assault victims 8 93 Dud l ey 8 71 gunshot victims Ro s edal e 12 67 Gate w ay 11 56 Cente r vill e 6 55 Coope r Poin t 19 55 Libert y Park 1 34 W ater f ront South 3 28 Cent r al W a ter f r ont 3 5 CB D 0 3 Coope r G r ant 0 5 0 10 0 15 0 200 tims b y neighborhood

  26. Assault vi c tims b y neighborhood 9 182 P y ne Poin t 38 176 W hit m an Park 19 161 Lanning Squar e 18 151 Mar l ton 23 146 Fa i r vi ew 15 142 Cra m er Hill 21 142 Pa r k s i d e 14 138 Sto c k t o n 10 96 Beide m a n 16 94 Be r gen Squa r e 15 94 Morgan Villag e all assault victims 8 93 Dud l ey 8 71 gunshot victims Ro s edal e 12 67 Gate w ay 11 56 Cente r vill e 6 55 Coope r Poin t 19 55 Libert y Park 1 34 W ater f ront South 3 28 Cent r al W a ter f r ont 5 CB D 0 3 Coope r G r ant 0 5 0 10 0 15 0 200

  27. Focus! Context is your plan B. Everything does something. Don’t accept defaults. Remove chart-junk. so: Don’t shout all the time.

  28. Assault vi c tims b y neighborhood 9 182 P y ne Poin t 38 176 W hit m an Park 19 161 Lanning Squar e 18 151 Mar l ton 23 146 Fa i r vi ew 15 142 Cra m er Hill 21 142 Pa r k s i d e 14 138 Sto c k t o n 10 96 Beide m a n 16 94 Be r gen Squa r e 15 94 Morgan Villag e all assault victims 8 93 Dud l ey 8 71 gunshot victims Ro s edal e 12 67 Gate w ay 11 56 Cente r vill e 6 55 Coope r Poin t 19 55 Libert y Park 1 34 W ater f ront South 3 28 Cent r al W a ter f r ont 5 CB D 0 3 Coope r G r ant 0 5 0 10 0 15 0 200

  29. Assault and gunshot vi c tims b y neighborhood P y ne Poin t 9 182 W hit m an Park 38 176 Lanning Squar e 19 161 Mar l ton 18 151 Fa i r vi ew 23 146 Cra m er Hill 15 142 Pa r k s i d e 21 142 Sto c k t o n 14 138 Beide m a n 10 96 Be r gen Squa r e 16 94 Morgan Villag e 15 94 Dud l ey 8 93 8 71 Ro s edal e Gate w ay 12 67 11 56 Cente r vill e Coope r Poin t 6 55 19 55 Libert y Park W ater f ront South 1 34 3 28 Cent r al W a ter f r ont CB D 3 5 0 3 Coope r G r ant

  30. Assault and gunshot vi c tims b y neighborhood P y ne Poin t 9 182 W hit m an Park 38 176 Lanning Squar e 19 161 Mar l ton 18 151 Fa i r vi ew 23 146 Cra m er Hill 15 142 Pa r k s i d e 21 142 Sto c k t o n 14 138 Beide m a n 10 96 Be r gen Squa r e 16 94 Morgan Villag e 15 94 Dud l ey 8 93 8 71 Ro s edal e Gate w ay 12 67 11 56 Cente r vill e Coope r Poin t 6 55 19 55 Libert y Park W ater f ront South 1 34 3 28 Cent r al W a ter f r ont CB D 3 5 0 Coope r G r ant 3

  31. Assault and gunshot vi c tims b y neighborhood P y ne Poin t 9 182 W hit m an Park 38 176 Lanning Squar e 19 161 Mar l ton 18 151 Fa i r vi ew 23 146 Cra m er Hill 15 142 Pa r k s i d e 21 142 Sto c k t o n 14 138 Beide m a n 10 96 Be r gen Squa r e 16 94 Morgan Villag e 15 94 Dud l ey 8 93 8 71 Ro s edal e Gate w ay 12 67 11 56 Cente r vill e Coope r Poin t 6 55 19 55 Libert y Park W ater f ront South 1 34 3 28 Cent r al W a ter f r ont CB D 3 5 0 3 Coope r G r ant

  32. §3 Two Examples

  33. Million Dollar Blocks in Camden?

  34. Million Dollar Blocks in Camden?

More Related