a history of information visualization ii

83
A HISTORY OF INFORMATION VISUALIZATION II

Upload: julian-koschwitz

Post on 30-Oct-2014

740 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: A History of Information Visualization II

A HISTORY OF INFORMATION VISUALIZATION

II

Page 2: A History of Information Visualization II

1. Visual Education

2. Visualizing Nature

3. Trees & Networks

Overview

Page 3: A History of Information Visualization II

VISUAL EDUCATION

Page 4: A History of Information Visualization II

Otto Neurath, ISOTYPE, 1936

Page 5: A History of Information Visualization II

Scientific Research -> Transformer -> Graphic Designer

Otto Neurath -> Marie Reidemeister (later Neurath) -> Gerd Arntz

Acquire -> Refine -> Represent

Team

Page 6: A History of Information Visualization II

Otto Neurath, International Picture Language, 1936

Page 7: A History of Information Visualization II

Paul Otlet, Mundaneum, 1934Otto Neurath, Gesellschaft und Wirtschaftmuseum, 1924

Page 8: A History of Information Visualization II

1. Picture statistics are designed to express amounts of the same thing or relations between amounts of different things. The number of repetitive signs should be countable, each sign expressing a given basic quantity (e.g., 1,000 people, 100 ships, 1 million tons of iron, etc.). A larger amount of something must be represented by a larger amount of signs, not by a larger sign. 'The eye is able to say: in that case the amount is 2 times greater than in another case.'

2. The signs should be highly stylized, endowed with the power to make them clear and pleasing to the eye. They should be used consistently, such that different pictures can be related to each other.

3. The selection of educational material is not simple. The one who can leave things out is the best teacher. Less is more. A simple picture kept in the memory is better than any number of complex ones which have gone out of it.

4. The 'transformation' of ideas in clear lay-outs is the next difficult step. The basic guidelines of transformation are to select, round off and arrange.

5. Graded symbols to express amounts should not be used. Graded circles and squares have no place in the system because their areas are difficult to compare.

6. Continuous lines for expressing the relationship between amounts and time should not be used. The individual points between two successive years have no meaning. - 14 - . Color should be used consistently (e.g., green for farming, red for industry, blue for business).

8. Signs and colors are to be distributed over the plane of the picture in such a way that the attention is guided to certain points which have to be looked at first.

9. At the first look one should see the most important points, at the second, the less important points, at the third, the details, at the fourth nothing more - if you see more, the teaching picture is bad.

10. It is unnecessary to say in words what we are able to make clear by pictures. And on the other hand, it is frequently hard to make a picture of a simple statement. Education has to put the two together, and a system of education has to see which language is best for which purpose.

11. All pictures together make one unit, and it is important for the reader not to be troubled in any way if he is conscious of all the marks which teaching pictures have made on his memory. Neurath made a distinction between teaching pictures and advertisements [23]: 'Every business advertisement is in competition with every other and necessarily has the tendency to put all other such pictures out of memory of the onlooker. Every advertisement has to be different from others. This is not so with the teaching pictures.'

12. One has to be like another so far as it gives the same details, and to be different from another so far as the story it gives is different!

Page 9: A History of Information Visualization II

1.Picture statistics are designed to express amounts of the same thing or relations between amounts of different things. The number of repetitive signs should be countable, each sign expressing a given basic quantity (e.g., 1,000 people, 100 ships, 1 million tons of iron, etc.). A larger amount of something must be represented by a larger amount of signs, not by a larger sign. 'The eye is able to say: in that case the amount is 2 times greater than in another case.'

Page 10: A History of Information Visualization II

Otto Neurath, International Picture Language, 1936

Page 11: A History of Information Visualization II

Otto Neurath, International Picture Language, 1936

Page 12: A History of Information Visualization II

Otto Neurath, International Picture Language, 1936

Page 13: A History of Information Visualization II

9.At the first look one should see the most important points, at the second, the less important points, at the third, the details, at the fourth nothing more - if you see more, the teaching picture is bad.

Page 14: A History of Information Visualization II

Otto Neurath, ISOTYPE from Modern Man in the Making, 1939

Page 15: A History of Information Visualization II

Otto Neurath, ISOTYPE from Modern Man in the Making, 1939

Page 16: A History of Information Visualization II

»A bird's-eye view of the inter–connections between all parts of a society in actions makes it possible to analyze the state of the world or the structure of a single country.«

Page 17: A History of Information Visualization II

Otto Neurath, ISOTYPE (Production, import and export of raw materials in six world regions around 1935) from: Modern Man in the Making, 1939

Page 18: A History of Information Visualization II

Otto Neurath, ISOTYPE (Schematic of economic interconnections between parts of society) from: Modern Man in the Making, 1939

200 people = whole population

90 people = active working population

5 people of every 1000 people (0.5%) of the whole population of X

Page 19: A History of Information Visualization II

Otto Neurath, Mächte der Erde

Page 20: A History of Information Visualization II

Otto Neurath, Aus: Die Bunte Welt, 1929

Page 21: A History of Information Visualization II

Otto Neurath, ISOTYPE, 1940

Page 22: A History of Information Visualization II

10.It is unnecessary to say in words what we are able to make clear by pictures. And on the other hand, it is frequently hard to make a picture of a simple statement. Education has to put the two together, and a system of education has to see which language is best for which purpose.

Page 23: A History of Information Visualization II

Otto Neurath, International Picture Language, 1936

Page 24: A History of Information Visualization II

Otto Neurath with the Isotype Institute, Our Private Lives, 1944

Page 25: A History of Information Visualization II

Otto Neurath with the Isotype Institute, Our Private Lives, 1944

Page 26: A History of Information Visualization II

Otto Neurath with the Isotype Institute, Our Private Lives, 1944

Page 27: A History of Information Visualization II

Otto Neurath with the Isotype Institute, Our Private Lives, 1944

Page 28: A History of Information Visualization II

Otto Neurath with the Isotype Institute, Face to Face with China, 1945

Page 29: A History of Information Visualization II

Otto Neurath with the Isotype Institute, Face to Face with China, 1945

Page 30: A History of Information Visualization II

Otto Neurath with the Isotype Institute, Face to Face with China, 1945

Page 31: A History of Information Visualization II

Otto Neurath with the Isotype Institute, Face to Face with China, 1945

Page 32: A History of Information Visualization II

Text

Gerd Arntz, Dutch Statistical Yearbook 1953–1962, 1963

Page 33: A History of Information Visualization II

Gerd Arntz, Dutch Statistical Yearbook 1953–1962, 1963

Page 34: A History of Information Visualization II

ISOTYPE:

shortcomings and legacy

Page 35: A History of Information Visualization II

Automobile Manufacturers Association, 1938

Page 36: A History of Information Visualization II

Irene Fawkes, London Underground, 1929

Page 37: A History of Information Visualization II

Henry Wolf, Esquire Cover Design, 1952 George Lois, Esquire Cover Design, 1964

Page 38: A History of Information Visualization II

Otto Storch, McCalls Spread, 1960

Page 39: A History of Information Visualization II

Irvine Geis, Automobile Industry shifts gears (Fortune Magazine), 1941

Page 40: A History of Information Visualization II

Irvine Geis, Tax Plans (Fortune Magazine), 1944

Page 41: A History of Information Visualization II

Theyre Lee-Elliott, Airmail-poster, 1939

Page 42: A History of Information Visualization II

Thomas Carskadon George Soule, usa in new dimensions, 1957

Page 43: A History of Information Visualization II

Thomas Carskadon George Soule, usa in new dimensions, 1957

Page 44: A History of Information Visualization II

London Tube Map, 1921

Page 45: A History of Information Visualization II

Henry C. Beck, London Tube Map, 1933

Page 46: A History of Information Visualization II

Henry C. Beck, London Tube Map, 1938

Page 47: A History of Information Visualization II

IBM Series III Copy machine, 1976

Page 48: A History of Information Visualization II

VISUALIZING NATURE

Page 49: A History of Information Visualization II

DND Double-Helix as discovered by James D. Watson and Francis Grick, 1953

Page 50: A History of Information Visualization II

TextThe earth from Apollo 17, 1972

Page 51: A History of Information Visualization II

Herbert W. Franke, Computer graphics, 1956

Page 52: A History of Information Visualization II

TREES&

NETWORKS

Page 53: A History of Information Visualization II

Porphyry, The porphyrian tree (metaphorical tree of knowledge), ca. 300 AD

Page 54: A History of Information Visualization II

Albrecht Dürer, Adam und Eva, 1504

Page 55: A History of Information Visualization II

Joachim of Fiore, The tree of the two Advents, 1202

The first coming

Redemption

second Coming

Page 56: A History of Information Visualization II

Ramon Llull, Arbor scientiae, 1296

Page 57: A History of Information Visualization II

Christophe de Savigny, Tableaux accomplis, 1587

Page 58: A History of Information Visualization II

Ephraim Chambers, Cyclopaedia, 1728

Page 59: A History of Information Visualization II

Dennis Diderot and Jean le Ron D‘Alambert, Encyclopédie, 1751

Page 60: A History of Information Visualization II

Chrétien Frederic Guillaume Roth, Essai..., 1769

Page 61: A History of Information Visualization II

Ernst Haeckel A diagram of the tree of life, 1866

Page 62: A History of Information Visualization II

Ernst Haeckel, Pedigree of Man, 1879

Page 63: A History of Information Visualization II

Ernst Haeckel, Pedigree of Man, 1879

Page 64: A History of Information Visualization II

Ernst Haeckel, Pedigree of Man, 1879

Page 65: A History of Information Visualization II

0.1

Color ranges:

Bacteria

Eukaryota

Archaea

Escherichia coli EDL933

Escherichia coli O157:H7

Escherichia coli O6

Escherichia coli K12

Shigella flexneri 2a 2457T

Shigella flexneri 2a 301

Salmonella enterica

Salmonella typhi

Salmonella typhimurium

Yersinia pestis Medievalis

Yersinia pestis KIM

Yersinia pestis CO92

Photorhabdus luminescens

Blochmannia floridanus

Wigglesworthia brevipalpis

Buchnera aphidicola Bp

Buchnera aphidicola APS

Buchnera aphidicola Sg

Pasteurella multocidaHaemophilus influenzae

Haemophilus ducreyi

Vibrio vulnificus YJ016Vibrio vulnificus CMCP6

Vibrio parahaemolyticus

Vibrio cholerae

Photobacterium profundum

Shewanella oneidensis

Pseudomonas putida

Pseudomonas syringae

Pseudomonas aeruginosa

Xylella

fasti

diosa

7009

64

Xylella

fasti

diosa 9a5c

Xanthomonas axo

nopodis

Xanthomonas campestr

is

Coxiel

la bu

rnetii

Neiss

eria

men

ingi

tidis

A

Neisse

ria m

ening

itidis

BCh

rom

obac

teriu

m v

iola

ceum

Borde

tella

per

tuss

is

Borde

tella

para

pertu

ssis

Borde

tella

bron

chise

ptica

Ralsto

nia so

lanac

earu

m

Nitro

som

onas

eur

opae

a

Agro

bact

eriu

m tu

mef

acie

ns C

ereo

n

Agro

bact

eriu

m tu

mef

acie

ns W

ashU

Rhi

zobi

um m

elilo

ti

Bruc

ella

sui

s

Bruc

ella

mel

itens

is

Rhi

zobi

um lo

ti

Rho

dops

eudo

mon

as p

alus

tris

Brad

yrhi

zobi

um ja

poni

cum

Cau

loba

cter

cre

scen

tus

Wol

bach

ia s

p. w

Mel

Ric

ketts

ia p

row

azek

ii

Ric

ketts

ia c

onor

ii

Hel

icob

acte

r pyl

ori J

99

Hel

icob

acte

r pyl

ori 2

6695

Hel

icob

acte

r hep

atic

us

Wol

inel

la s

ucci

noge

nes C

ampylobacter jejuni

Desulfovibrio vulgaris

Geobacter sulfurreducens

Bdellovibrio bacteriovorus

Acidobacterium

capsulatum

Solibacter usitatus

Fusobacterium nucleatum

Aquifex aeolicus

Thermotoga m

aritima

Thermus therm

ophilus

Deinococcus radiodurans

Dehalococcoides ethenogenes

Nostoc sp. PC

C 7120

Synechocystis sp. PCC

6803

Synechococcus elongatus

Synechococcus sp. W

H8102

Prochlorococcus m

arinus MIT9313

Prochlorococcus m

arinus SS

120P

rochlorococcus marinus C

CM

P1378

Gloeobacter violaceus

Gemmata obscuriglobusRhodopirellula baltica

/HSWRVSLUD�LQWHUURJDQV�/��0Leptospira interrogans 56601

Treponema pallidumTreponema denticola

Borrelia burgdorferi

Tropheryma whipplei TW08/27

Tropheryma whipplei Twist

Bifidobacterium longum

Corynebacterium glutamicum 13032

Corynebacterium glutamicum

Corynebacterium efficiens

Corynebacterium diphtheriae

Mycobacterium bovis

Mycobacterium

tuberculosis CDC1551

Mycobacterium

tuberculosis H37RvMycobacterium leprae

Mycobacterium paratuberculosis

Streptomyces avermitilis

Streptomyces coelicolor

Fibrobacter succinogenes

Chlorobium tepidum

Porphyromonas gingivalis

Bacteroides thetaiotaomicron

Chlamydophila pneumoniae TW183

Chlamydia pneumoniae J138

Chlamydia pneumoniae CWL029Chlamydia pneumoniae AR39

Chlamydophila caviae

Chlamydia muridarum

Chlamydia trachomatis

Ther

moa

naer

obac

ter t

engc

onge

nsis

Clo

strid

ium

teta

niC

lost

ridiu

m p

erfri

ngen

s

Clo

strid

ium

ace

tobu

tylic

um

Myc

opla

sma

mob

ileM

ycop

lasm

a pu

lmon

is

Myc

opla

sma

pneu

mon

iae

Myc

oplas

ma

genit

alium

Myc

opla

sma

gallis

eptic

um

Myc

opla

sma

pene

trans

Urea

plas

ma

parv

um

Myc

opla

sma

myc

oide

s

Phyt

opla

sma

Oni

on y

ello

ws

Lister

ia mon

ocyto

gene

s F23

65

Listeria

monocy

togenes EGD

Lister

ia inn

ocua

Oceanobacill

us iheye

nsis

Bacillus h

alodurans

Bacillus cereus ATCC 14579

Bacillus cereus ATCC 10987Bacillu

s anthracisBacillus s

ubtilis

Staph

yloco

ccus

aur

eus M

W2

Staphy

lococ

cus a

ureu

s N31

5

Staphy

lococ

cus a

ureu

s Mu5

0

Stap

hyloc

occu

s epid

erm

idis

Streptococcus agalactiae III

Streptococcus agalactiae V

Streptococcus pyogenes M1

Streptococcus pyogenes MGAS8232

Streptococcus pyogenes MGAS315

6WUHSWRFRFFXV�S\RJHQHV�66,í

Streptococcus mutans

Streptococcus pneumoniae R6

Streptococcus pneumoniae TIGR4

Lactococcus lactisEnterococcus faecalis

Lactobacillus johnsonii

Lactobacillus plantarum

Thalassiosira pseudonanaC

ryptosporidium hom

inisPlasm

odium falciparum

Oryza sativa

Arabidopsis thaliana

Cyanidioschyzon m

erolae

Dictyostelium

discoideum

Erem

othecium gossypii

Saccharom

yces cerevisiae

Schizosaccharom

yces pombe

Anopheles gam

biae Dro

soph

ila m

elan

ogas

ter

Taki

fugu

rubr

ipes

Dan

io re

rio

Rat

tus

norv

egic

us

Mus

mus

culu

s

Hom

o sa

pien

s

Pan

trog

lody

tes

Gal

lus

gallu

s

Caenorhabditis elegans

Caenorhabditis briggsae

Leishmania m

ajor

Giardia lam

blia

Nanoarchaeum equitans

Sulfolobus tokodaii

Sulfolobus solfataricus

Aeropyrum pernix

Pyrobaculum aerophilum

Thermoplasma volcanium

Thermoplasma acidophilum

Methanobacterium

thermautotrophicum

Methanopyrus kandleri

Methanococcus m

aripaludis

Methanococcus jannaschii

Pyrococcus horikoshii

Pyrococcus abyssi

Pyrococcus furiosus

Archaeoglobus fulgidus

+DOREDFWHULXP�VS��15&í�

Methanosarcina acetivorans

Methanosarcina mazei

European Molecular Biology Laboratory, Tree of Life, 2006

Page 66: A History of Information Visualization II

Severino Ribecca Family TreeDiagram of Greek Mythology, 2012

Page 67: A History of Information Visualization II

Severino Ribecca Family TreeDiagram of Greek Mythology, 2012

Page 68: A History of Information Visualization II

Problems of simplicity (two variables), 1600-1900

Problems of disorganized complexity (undefined no. of variables), 1900-1950

Problems of organized complexity (defined no. of variables), since 1950

Warren Weaver, Science and Complexity, 1948

Radio, Telephone, Automobile, etc.

A -> B

How does one effect the other?

Thermodynamics, Physics, etc.

Statistics

What is the average?

Genetics, stock market, society, etc.

Interconnections

How does one knot effect the whole?

Page 69: A History of Information Visualization II

TextOver the Decades, How States Have Shifted, New York Times, 2012http://www.nytimes.com/interactive/2012/10/15/us/politics/swing-history.html

Page 70: A History of Information Visualization II

»We‘re tired of trees. We should stop believing in trees, roots and

radicles. They‘ve made us suffer too much. All of arborescent culture is founded on them, from biology to

linguistics. Nothing is beautiful or loving or political aside from

underground stems and aerial roots, adventious growths and rhizomes.«

— Gilles Deleuze and Felix Guattari, A Thousand Plateaus, 1980, p. 15

Page 71: A History of Information Visualization II

rhizome

Page 72: A History of Information Visualization II
Page 73: A History of Information Visualization II
Page 74: A History of Information Visualization II

Chris Harrison and Christoph Roemhild, Bible Cross-References, 2011

Page 75: A History of Information Visualization II

Chris Harrison and Christoph Roemhild, Bible Cross-References, 2011

Page 76: A History of Information Visualization II

Moritz Stefaner, MyMuesli, 2012

Page 77: A History of Information Visualization II

Google Data Team, Small Arms and Ammunition, 2012http://workshop.chromeexperiments.com/projects/armsglobe/

Page 78: A History of Information Visualization II

Google Data Team, Small Arms and Ammunition, 2012

Page 79: A History of Information Visualization II

Paul Baran, Network Models (»On distributed Networks«), 1962

Page 80: A History of Information Visualization II

Centralized — Moritz Stefaner, Map your Moves, 2010

Page 81: A History of Information Visualization II

Decentrelized — James Welch, website need..., 2012

Page 82: A History of Information Visualization II

Distributed — http://coexist.thexx.info/, 2012

Page 83: A History of Information Visualization II

Read:

Warren Weaver, Science and Complexity, 1948Paul Baran, On distributed Networks, 1962