Visualizing complex data
-
Upload
hans-haugli -
Category
Design
-
view
2.522 -
download
0
description
Transcript of Visualizing complex data
![Page 1: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/1.jpg)
VISUALIZING COMPLEX DATAKarin Andenæs og Hans Haugli
![Page 2: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/2.jpg)
Information graphics or infographics are visual representations of information, data or knowledge. These graphics are used where complex information needs to be explained quickly and clearly, such as in signs, maps, journalism, technical writing, and education. They are also used extensively as tools by computer scientists, mathematicians, and statisticians to ease the process of developing and communicating conceptual information.
From Wikipedia, the free encyclopedia
INFORMATION GRAPHICS
![Page 3: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/3.jpg)
Information graphics or infographics are visual representations of information, data or knowledge. These graphics are used where complex information needs to be explained quickly and clearly, such as in signs, maps, journalism, technical writing, and education. They are also used extensively as tools by computer scientists, mathematicians, and statisticians to ease the process of developing and communicating conceptual information.
From Wikipedia, the free encyclopedia
INFORMATION GRAPHICS
![Page 4: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/4.jpg)
![Page 5: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/5.jpg)
![Page 6: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/6.jpg)
![Page 7: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/7.jpg)
![Page 8: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/8.jpg)
![Page 9: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/9.jpg)
![Page 10: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/10.jpg)
![Page 11: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/11.jpg)
«Diagram graphics are something like cars: they get us from one place to another. While cars transport us from city to city, diagram graphics take us on another kind of journey – from data to understanding.»
Nigel Holmes, Explanation graphics
![Page 12: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/12.jpg)
VARIOUS PROJECTS
![Page 13: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/13.jpg)
![Page 14: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/14.jpg)
![Page 15: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/15.jpg)
![Page 16: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/16.jpg)
![Page 17: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/17.jpg)
![Page 18: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/18.jpg)
![Page 19: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/19.jpg)
![Page 20: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/20.jpg)
![Page 21: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/21.jpg)
![Page 22: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/22.jpg)
«… through design visually presented facts and statistics are able to simultaniously communicate data and trigger emotional responses to that information based on its appearance.»
Katha Dalton, Hornall Anderson Design Works
![Page 23: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/23.jpg)
![Page 24: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/24.jpg)
![Page 25: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/25.jpg)
![Page 26: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/26.jpg)
![Page 27: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/27.jpg)
![Page 28: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/28.jpg)
![Page 29: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/29.jpg)
![Page 30: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/30.jpg)
![Page 31: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/31.jpg)
![Page 32: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/32.jpg)
Illustrations by Commando Group
![Page 33: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/33.jpg)
![Page 34: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/34.jpg)
![Page 35: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/35.jpg)
«… when the opportunity arises to successfully elaborate with creative ideas, the medium can be elevated to visual poetry, injecting the message with wit and meaning that will tell a richer story and reflect an image of intelligence upon the organisation concerned.»
Tor Pettersen, Tor Pettersen & Partners
![Page 36: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/36.jpg)
![Page 37: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/37.jpg)
![Page 38: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/38.jpg)
![Page 39: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/39.jpg)
![Page 40: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/40.jpg)
![Page 41: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/41.jpg)
![Page 42: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/42.jpg)
![Page 43: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/43.jpg)
![Page 44: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/44.jpg)
![Page 45: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/45.jpg)
![Page 46: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/46.jpg)
![Page 47: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/47.jpg)
![Page 48: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/48.jpg)
SOME ONLINE RESOURCES AND INSPIRATION
Meryl K. Evans, Content Mavenhttp://www.meryl.net/2008/01/175-data-and-information-visualization-examples-and-resources/
Visual Complexityhttp://www.visualcomplexity.com/
Jonathan Harris & Sep Kamvar: We Feel Finehttp://wefeelfine.org/
Smashing Magazine: Data Visualization – Modern Approacheshttp://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/
Andrew Kuo’s bloghttp://earlboykins.blogspot.com/
![Page 49: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/49.jpg)
Sett deg inn i og forstå innholdet
Bryt oppgaven og innholdet inn i mindre deler
Minimér/eliminér elementer som ikke bidrar til å forklare tallene eller fortelle historien
Tenk på målgruppen – hvem skal forstå innholdet
Tenk utenfra og inn, ikke innenfra og ut
For avanserte eller overdesignede grafer eller modeller forhindrer ofte kommunikasjonen
Forhold deg til avsenders grafiske profil, men se etter grafiske elementer i virksomhetens produkter eller tjenester som du kan bruke
ENKLE ARBEIDSREGLER
![Page 50: Visualizing complex data](https://reader033.fdocuments.us/reader033/viewer/2022061220/54bba6194a7959b1158b4583/html5/thumbnails/50.jpg)
KARIN ANDENÆSOG HANS HAUGLI