infographie sur information aesthetics | Infographics | Computing And Information Technology

INFORMATION AESTHETICS

Moritz Stefaner // Colloquium @ TU Dresden
March 22, 2010
Outline
Information Aesthetics
Eigene Arbeitsbeispiele
Methodik + workflow
Trends
Weiterführendes
Background
1998 – 2002
2002 – 2005
2005 – 2007
2007 – 2009
2004 –
Web designer
BSc Cognitive Science
MA Interface Design
Research assistant FH Potsdam
Freelance information visualizer
Works exhibited at ars electronica, SIGGRAPH, …
Nominated for the Design Award of the Federal
Republic of Germany 2010
working for Skype, World Economic Forum, Yahoo…
Information Picture
Designer
Data
Information
Picture
Application
Experience
Algorithms
Designer
User
ONE YEAR OF OPEN STREET MAP EDITS
The datarati
“The ability to take data, to be able to understand it, to process
it, to extract value from it, to visualize it, to communicate it –
thats going to be a hugely important skill in the next decades.
[…] Statisticians are part of it, but […] you also want to be able
to visualize the data, communicate the data, and utilize it
effectively.”
Hal Varian, Chief Economist at Google
http://www.mckinseyquarterly.com/Hal_Varian_on_how_the_Web_challenges_managers_2286
Illustration by Moritz Stefaner, based on Lau & Vande Moere (2006): Towards a Model of Information Aesthetics in Information Visualization
DATA INTERACTION
AESTHETICS
Infographics
Information design
Ambient visualization
Artistic visualization
Interactive art
Web 2.0
HCI
Scientific
visualization
Information
visualization
Information
aesthetics
STATE OF THE WORLD
Nathan Yau | http://projects.flowingdata.com/state-of-the-world/
We feel fine
Jonathan Harris and Sep Kamvar | http://wefeelfine.org/
THE EBB AND FLOW OF MOVIES
Mathew Bloch, Lee Byron, Shan Carter and Amanda Cox
http://www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_GRAPHIC.html
SOCIALCOLLIDER.NET
Sascha Pohflepp & Toxi | http://socialcollider.net/
FELTRON ANNUAL REPORT
NICHOLAS FELTON
http://feltron.com/index.php?/content/2008_annual_report/
KNIGHT CAPITAL GROUP VISUALIZATIONS
Marius Watz
http://www.flickr.com/photos/watz/sets/72157608197253021/
HALO
Patrick Baudisch
http://www.patrickbaudisch.com/projects/halo/demo/halo.html
MAEVE
Interface Design Team FH Potsdam
TRULIA HINDSIGHT
stamen design | http://hindsight.trulia.com/
D
A
T
A
I
N
T
E
R
A
C
T
I
O
N
A
E
S
T
H
E
T
I
C
S
D
A
T
A
I
N
T
E
R
A
C
T
I
O
N
A
E
S
T
H
E
T
I
C
S
Relevance
Integrity
Function
Form
INFORMATION
DESIGN
Based on a draft by David McCandless
Relation browser
http://moritz.stefaner.eu/projects/relation-browser/
Likelihood (%) Severity (Billion US$) Domain
Source: World Economic Forum 2010
Economics Geopolitics Environment Society Technology
1 5 10 20 10 50 250 1000
Iraq
Afghanistan instability
Slowing Chinese economy (<6%)
Major fall in the US$
Asset price collapse
Retrenchment from globalization (emerging)
Retrenchment from globalization (developed)
Burden of regulation
Food price volatility
Droughts and desertification
Water scarcity
Biodiversity loss
Extreme weather
Infectious disease
Pandemics
Migration
Underinvestment in infrastructure
NatCat: Earthquake
Chronic disease
Air pollution
Nanoparticle toxicity
CII breakdown
Data fraud / loss
Liability regimes
Global governance gaps
Fiscal crises
Transnational crime and corruption
North Korea
Oil price spikes
International terrorism
Nuclear proliferation
Israel – Palestine
Iran
NatCat: Coastal flooding
NatCat: Inland flooding
NatCat: Cyclone
Risks Interconnection Map (RIM) 2010
Iraq
Afghanistan instability
Slowing Chinese economy (<6%)
Major fall in the US$
Asset price collapse
Retrenchment from globalization (emerging)
Retrenchment from globalization (developed)
Burden of regulation
Food price volatility
Droughts and desertification
Water scarcity
Biodiversity loss
Extreme weather
Infectious disease
Pandemics
Migration
Underinvestment in infrastructure
NatCat: Earthquake
Chronic disease
Air pollution
Nanoparticle toxicity
CII breakdown
Data fraud / loss
Liability regimes
Global governance gaps
Fiscal crises
Transnational crime and corruption
North Korea
Oil price spikes
International terrorism
Nuclear proliferation
Israel – Palestine
Iran
NatCat: Coastal flooding
NatCat: Inland flooding
NatCat: Cyclone
Risks Interconnection Map (RIM) 2010
World Economic Forum: Risk Interconnection Map 2010
http://www.weforum.org/documents/riskbrowser2010/risks/
well-formed.eigenfactor
Moritz Stefaner & Eigenfactor Team, 2009 | http://well-formed.eigenfactor.org
well-formed.eigenfactor: Neuroscience Story http://well-formed.eigenfactor.org
Elastic tag maps
http://moritz.stefaner.eu/write-talk/ma-thesis-visual-tools/
Emerging topics
http://moritz.stefaner.eu/write-talk/ma-thesis-visual-tools/
Folding gaps
http://moritz.stefaner.eu/write-talk/ma-thesis-visual-tools/
MACE taxonomy browser Moritz Stefaner, 2008
Elastic Lists
http://moritz.stefaner.eu/projects/elastic-lists/
X by Y
http://moritz.stefaner.eu/projects/x-by-y/
MATERIAL EXPLORATION
What’s
available
significant
interesting
the scale
feasible
Where are the anchor points?
What does it afford?
http://berglondon.com/blog/2009/10/23/toiling-in-the-data-mines-what-data-exploration-feels-like/
First guesses of what might be interesting
Ein-
reichung
X
Ein-
reichung
X
X
X
X
X
Winner?
Winner?
Keywords
X Kategorie
Jahr X
X X X Land
X Autor
X
X
Keywords Kategorie Jahr Land Autor
What’s in the databases http://well-formed-data.net/archives/306/dbcounter-quick-visual-database-stats
iSubmissionID
sYear
1988 19951987 1997 2000 1996 1993 1989 1991 1990 1998 2002 1994 1992 2001 2003 1999
iCategoryID
109 4 8 1 7 2 3 6
sEntryID
sTitle
sUrl
sFirstname
Michael
sSurname
sAka
sCompany
sArtists
sCountry
CH NL AU IT CA JP USA UK FR AT DE US
sLength
sFormat
SVHS CD VHS
sCodec
cdCDNTSC PAL DAT VHS
iProjectID
NULL
Einreicher
NULL
Adresse_Einreicher
NULL
Autor_Kuenstler
NULL
Adresse_Kuenstler
NULL
Land
NULL
Firma
NULL
Firmenadresse
NULL
Mitarbeiter
NULL
Titel_Einreichung
NULL
Titel_Prix
NULL
Entstehungsjahr
NULL
Entstehungsort
NULL
Dauer
NULL
Technische_Beschreibung_Material
NULL
Hardware
NULL
Software
NULL
Musik_Soundtrack
NULL
Equipment_needed
NULL
Equipment_supplied
NULL
Format_des_Bands
NULL
Laenge_des_Bands
NULL
Masterband
NULL
Typ_Kategorie
NULL
Eingereichtes_Material
NULL
Preis
NULL
Preis_in_Kategorie
NULL
Agreement_network
NULL
Anmerkung
sYear
country (group) / prixcategory_en
Null, -, NULL
.net
[the next
idea]
Computer
Animation
Computer
Animation
/ Visual E..
Computer
Graphics
Computer
Music
cybergene
ration -
u19 f rees..
Digital
Communiti
es
Digital
Musics Hybrid Art
Ìnteractive
Art
Media.Art.
Research
Award N
1987
1988
1989
1990
1991
1992
1993
1994
1995
1996
1997
1998
1999
2000
2001
2002
2003
2004
2005
2006
2007
2008
NULL
7
8
40
22
19
41
141
5
2
6
15
19
21
5
18
3
1
40
20
62
56
33
51
181
7
17
3
1
132
141
12
10
11
102
23
1
3
15
26
25
25
2
30
1
8
168
6
54
25
26
43
126
1
8
66
6
1
59
2
1
1
15
1
2
2
12
6
19
138
3
5
3
5
6KHHW
Count of Number of Records broken down by country (group) and prixcategory_en vs. sYear. Size shows count of Number of Records. The data is f iltered on country,
which keeps Null, - and NULL. The marks are labeled by count of Number of Records.
num submissions Distinction Honorary Mention
AD 1 0 0 0
AE 3 0 0 0
AM 1 0 0 0
AR 62 0 0 0
AT 1494 1 2 0
AT / FR 2 0 0 0
AT / NL 2 0 0 0
ATR 1 0 0 0
AU 538 0 3 0
Afrika 1 0 0 0
BA 3 0 0 0
BD 3 0 0 0
BE 117 0 0 0
BG 94 0 0 0
BO 4 0 0 0
BR 154 0 0 0
BY 1 0 0 0
CA 680 1 7 0
CA / AUS 1 0 0 0
CA / CH 1 0 0 0
CA / US 1 0 0 0
CG 1 0 0 0
CH 369 0 0 0
CH 2 0 0 0
CH/AT 1 0 0 0
CL 3 0 0 0
CN 16 0 0 0
CO 19 0 0 0
COP 1 0 0 0
CSFR 3 0 0 0
CSSR 12 0 0 0
CZ 100 0 0 0
Ch 1 0 0 0
Chi 1 0 0 0
Chile 2 0 0 0
DDR 26 0 0 0
DE 3228 3 9 1
DE / US 1 0 0 0
DK 104 0 0 0
EC 1 0 0 0
EE 26 0 0 0
EG 1 0 0 0
EI 2 0 0 0
ER 1 0 0 0
ES 242 0 1 0
ES / MX 1 0 0 0
FI 142 0 0 0
FR 1364 5 20 0
FR/AT 3 0 0 0
Fisch 1 0 0 0
GL 1 0 0 0
GR 22 0 0 0
GR / UK 2 0 0 0
HK 21 0 0 0
HR 23 0 0 0
HU 217 0 0 0
HUF 1 0 0 0
HUU 1 0 0 0
ID 1 0 0 0
IE 45 0 0 0
IEP 2 0 0 0
IL 39 0 0 0
ILS 1 0 0 0
IN 15 0 0 0
IR 1 0 0 0
IS 26 0 0 0
ISK 1 0 0 0
IT 610 1 4 1
ITR 3 0 0 0
JM 1 0 0 0
JP 736 1 4 0
KR 27 0 0 0
L 1 0 0 0
LK 1 0 0 0
LT 12 0 0 0
LTU 1 0 0 0
LU 33 0 0 0
LV 1 0 0 0
MA 9 0 0 0
ME 5 0 0 0
MK 11 0 0 0
MX 25 0 0 0
MY 11 0 0 0
NL 446 1 2 0
NM 1 0 0 0
NO 49 0 0 0
NZ 22 0 0 0
Nl 1 0 0 0
PE 7 0 0 0
PH 4 0 0 0
PK 1 0 0 0
PL 148 0 1 0
PT 28 0 0 0
R 7 0 0 0
RA 23 0 0 0
RCH 18 0 0 0
RFR 1 0 0 0
RO 19 0 0 0
RU 72 0 0 0
RUR 3 0 0 0
SE 175 0 0 0
SFR 1 0 0 0
SG 14 0 0 0
SI 62 0 0 0
SI/DE 1 0 0 0
SIT 3 0 0 0
SK 25 0 0 0
SL 2 0 0 0
SM 1 0 0 0
SO 3 0 0 0
SP / BR 1 0 0 0
SU 36 0 1 0
T 3 0 0 0
TF 1 0 0 0
TH 1 0 0 0
TR 16 0 0 0
TW 7 0 0 0
TWD 2 0 0 0
UA 9 0 0 0
UK 1012 0 2 1
US 5428 7 34 6
UY 1 0 0 0
VE 6 0 0 0
X 4 0 0 0
YU 113 0 0 0
ZA 21 0 0 0
Golden Nica
!"#
$!"#
%!"#
&!"#
'!"#
(!"#
)!"#
*!"#
+!"#
,!"#
$!!"#
-./#0.1/20023-0# 4205-653-# 73-3898:#;<-53-# =3>?<-#@269#
AB#
AC#
DE#
4F#
GH#
IJ#
@K#
LM#
HJ#
GH#
sCompany
Heure Exquise
Vancouver FilmSchool
School of visual arts
Phthalo
SUPÌNFOCOM
ÌAMAS
Pratt Ìnstitute
Universitat de les Ìlles Balears
Ensad/Atelier d'Ìmage et d'Ìn..
Heure Exquise!
MÌT Media LAB
University of Waterloo
Atelier d'Ìmage et d'Ìnf ormati..
Middlesex Polytechnic/CAS..
sixpackf ilm
Av-Arkki
Correnti Magnetiche
Carnegie Mellon University
Ringling School of Art and D..
School of Television + Ìmagi..
School of Visual Art
ENSAD_AÌÌ
Universidad de las Ìslas Bale..
CNBDÌ: Centre National de l..
MÌT Media Laboratory
The Ohio State University
Universitat Ìlles Balears - Ma..
Ex Machina
Dahinden
ÌRCAM
New York University
Texas A&MUniversity
University de les Ìlles Balear..
Australian FilmTelevision & ..
cnbdi-Lin
Ìnternational Academy of Me..
NAD Centre (National Anima..
none
School of Television & Ìmagi..
School of the Art Ìnstitute of ..
The Mill
Touch
Archimedia
Kirkworks
NHK - Nippon Hoso Kyokai
companies
sCategorytitIeE
.net
Computer Animation
Computer Animation / Visual Ef f ects
Computer Graphics
Computer Music
Digital Musics
Ìnteractive Art
Net Vision / Net Excellence
World Wide Web
sYear
1
9
8
7
1
9
8
8
1
9
8
9
1
9
9
0
1
9
9
1
1
9
9
2
1
9
9
3
1
9
9
4
1
9
9
5
0
500
1000
1500
C
o
u
n
t

o
f

N
u
m
b
e
r

o
f

R
e
c
o
r
d
s
0
10
20
30
40
50
%

d
i
s
t
i
n
c
t

c
o
m
p
a
n
i
e
s
0
20
40
60
80
100
%

d
i
s
t
i
n
c
t

a
r
t
i
s
t
s

(
c
o
p
y
)
names vs submissions
Measure Names
% distinct artists (copy)
% distinct companies
Count of Number of Records
The trends of count of Number of Records, % distinct companies and % distinct artists (copy) f or
sYear. Color shows details about count of Number of Records, % distinct artists (copy) and %
distinct companies. The data is f iltered on Fullname, which excludes .
MATERIAL EXPLORATION
What’s
available
significant
interesting
the scale
feasible
Where are the anchor points?
What does it afford?
http://berglondon.com/blog/2009/10/23/toiling-in-the-data-mines-what-data-exploration-feels-like/
Trends
Synergies between art,
information graphics and visualization
INFOPORN density design lab for WIRED.it
ANDREAS FISCHER http://anfischer.com
REFLECTION Andreas Fischer
DEAR GRETCHEN Gretchen Nash | http://www.gretchenetc.com/
WE FEEL FINE Harris / Kamvar 2005
FLICKR TIMEGRAPHS http://www.flickr.com/photos/krazydad/4992355/sizes/l/in/
1K PROJECT
Collaborative visualization
SENSE.US http://sense.us
maeve installation
Casual visualization and infovis humour
INAUGURATION SPEECH WORDLE CLOUD
http://www.wordle.net/gallery/wrdl/451912/
Obama_Inauguration_Speech_tag_cloud
1HR IN FRONT OF THE TV http://www.flickr.com/photos/the_bumblebee/2229041742/sizes/o/
DAYTUM.COM http://daytum.com
BEDPOST http://www.bedposted.com/
Jessica Hagy
Weiterführendes
http://see-conference.com/
TALKS & LECTURES
Living with information workshop
http://vimeo.com/album/153327/
Jeffrey Heer: A brief history of data visualization
http://hci.stanford.edu/seminar/abstracts/08-09/090306-heer.html
Moritz Stefaner at xtopia 08
http://vimeo.com/2762765
Eric Rodenbeck (stamen)
http://infosthetics.com/archives/2009/04/
eric_rodenbeck_information_visualization_is_a_medium.html
BOOKS
http://www.librarything.com/catalog.php?view=MoritzStefaner&deepsearch=visualization
upcoming
Looking at Data Through the Eyes of Experts
/Theory/In/Practice
Beautiful
Visualization
Edited by
Julie Steele
& Noah Iliinsky
Thanks!
Q?
A!
http://well-formed-data.net
http://moritz.stefaner.eu

Sign up to vote on this title
UsefulNot useful