computational information design

Computational Information Design[PhD Thesis title, Ben Fry, 2004]

Computational Information Design

The London Cholera Map Dr. John Snow (1854)


Information Architecture Information Visualisation

Infrastructure of the MACE EU-Project IDL FH Potsdam (http://portal.mace-project.eu)


Information Architecture Information Visualisation

Infrastructure of the MACE EU-Project IDL FH Potsdam (http://portal.mace-project.eu)Visual Complexity http://www.visualcomplexity.com/vc/

»There is Only Software«[Manovich, 2011]

http://lab.softwarestudies.com/2011/04/new-article-by-lev-manovich-there-is.html

Understanding Shakespearehttp://www.understanding-shakespeare.com

Computational Information Design Ben Fry (p. 13)

Understanding Shakespeare WordHoard (http://wordhoard.northwestern.edu)

Other Cases APIs, Scraping Data, Crowd-Sourcing Data

Scanning, OCRing, Cleaning, Double-checking, Structuring, Modularizing

Also WordHoard (in part)

Analysing the Data. What is important?

ID Spelling String Spelling String (ins) Work Part Work Line Path Tag … … … … … … Prev Next Work Tag Work Ordinal Colocation Ordinal Speech

1 Thou thou 3 1 1 aaa.1 ch-04-052-24038-01 2 0 2 4 $ $ NULL 2 aaa 0 12884901888 NULL2 ferse ferse 3 1 1 aaa.1 ch-04-052-24038-02 2 5 2 10 $ $ 1 3 aaa 1 12884901889 NULL3 god god 3 1 1 aaa.1 ch-04-052-24038-03 2 11 2 14 $ $ 2 4 aaa 2 12884901890 NULL4 of of 3 1 1 aaa.1 ch-04-052-24038-04 2 15 2 17 $ $ 3 5 aaa 3 12884901891 NULL5 armes armes 3 1 1 aaa.1 ch-04-052-24038-05 2 18 2 23 $ , $ 4 6 aaa 4 12884901892 NULL6 Mars mars 3 1 1 aaa.1 ch-04-052-24038-06 2 25 2 29 $ $ 5 7 aaa 5 12884901893 NULL7 the the 3 1 1 aaa.1 ch-04-052-24038-07 2 30 2 33 $ $ 6 8 aaa 6 12884901894 NULL8 rede rede 3 1 1 aaa.1 ch-04-052-24038-08 2 34 2 38 $ ,/$ 7 9 aaa 7 12884901895 NULL9 That that 3 1 2 aaa.2 ch-04-052-24039-01 3 0 3 4 $ $ 8 10 aaa 8 12884901896 NULL10 in in 3 1 2 aaa.2 ch-04-052-24039-02 3 5 3 7 $ $ 9 11 aaa 9 12884901897 NULL11 the the 3 1 2 aaa.2 ch-04-052-24039-03 3 8 3 11 $ $ 10 12 aaa 10 12884901898 NULL12 frosty frosty 3 1 2 aaa.2 ch-04-052-24039-04 3 12 3 18 $ $ 11 13 aaa 11 12884901899 NULL13 contre contre 3 1 2 aaa.2 ch-04-052-24039-05 3 19 3 25 $ $ 12 14 aaa 12 12884901900 NULL14 called called 3 1 2 aaa.2 ch-04-052-24039-06 3 26 3 32 $ $ 13 15 aaa 13 12884901901 NULL15 Trace trace 3 1 2 aaa.2 ch-04-052-24039-07 3 33 3 38 $ ,/$ 14 16 aaa 14 12884901902 NULL16 Within within 3 1 3 aaa.3 ch-04-052-24040-01 4 0 4 6 $ $ 15 17 aaa 15 12884901903 NULL17 thy thy 3 1 3 aaa.3 ch-04-052-24040-02 4 7 4 10 $ $ 16 18 aaa 16 12884901904 NULL18 grisly grisly 3 1 3 aaa.3 ch-04-052-24040-03 4 11 4 17 $ $ 17 19 aaa 17 12884901905 NULL19 temple temple 3 1 3 aaa.3 ch-04-052-24040-04 4 18 4 24 $ $ 18 20 aaa 18 12884901906 NULL20 ful ful 3 1 3 aaa.3 ch-04-052-24040-05 4 25 4 28 $ $ 19 21 aaa 19 12884901907 NULL21 of of 3 1 3 aaa.3 ch-04-052-24040-06 4 29 4 31 $ $ 20 22 aaa 20 12884901908 NULL22 drede drede 3 1 3 aaa.3 ch-04-052-24040-07 4 32 4 37 $ /$ 21 23 aaa 21 12884901909 NULL23 Honoured honoured 3 1 4 aaa.4 ch-04-052-24041-01 5 0 5 8 $ $ 22 24 aaa 22 12884901910 NULL24 art art 3 1 4 aaa.4 ch-04-052-24041-02 5 9 5 12 $ $ 23 25 aaa 23 12884901911 NULL25 as as 3 1 4 aaa.4 ch-04-052-24041-03 5 13 5 15 $ $ 24 26 aaa 24 12884901912 NULL26 patroun patroun 3 1 4 aaa.4 ch-04-052-24041-04 5 16 5 23 $ $ 25 27 aaa 25 12884901913 NULL27 of of 3 1 4 aaa.4 ch-04-052-24041-05 5 24 5 26 $ $ 26 28 aaa 26 12884901914 NULL28 that that 3 1 4 aaa.4 ch-04-052-24041-06 5 27 5 31 $ $ 27 29 aaa 27 12884901915 NULL29 place place 3 1 4 aaa.4 ch-04-052-24041-07 5 32 5 37 $ ;/$ 28 30 aaa 28 12884901916 NULL30 With with 3 1 5 aaa.5 ch-04-052-24042-01 6 0 6 4 $ $ 29 31 aaa 29 12884901917 NULL31 thy thy 3 1 5 aaa.5 ch-04-052-24042-02 6 5 6 8 $ $ 30 32 aaa 30 12884901918 NULL32 Bellona bellona 3 1 5 aaa.5 ch-04-052-24042-03 6 9 6 16 $ , $ 31 33 aaa 31 12884901919 NULL33 Pallas pallas 3 1 5 aaa.5 ch-04-052-24042-04 6 18 6 24 $ , $ 32 34 aaa 32 12884901920 NULL34 ful ful 3 1 5 aaa.5 ch-04-052-24042-05 6 26 6 29 $ $ 33 35 aaa 33 12884901921 NULL35 of of 3 1 5 aaa.5 ch-04-052-24042-06 6 30 6 32 $ $ 34 36 aaa 34 12884901922 NULL36 grace grace 3 1 5 aaa.5 ch-04-052-24042-07 6 33 6 38 $ ,/$ 35 37 aaa 35 12884901923 NULL37 Be be 3 1 6 aaa.6 ch-04-052-24043-01 7 0 7 2 $ $ 36 38 aaa 36 12884901924 NULL38 present present 3 1 6 aaa.6 ch-04-052-24043-02 7 3 7 10 $ $ 37 39 aaa 37 12884901925 NULL39 and and 3 1 6 aaa.6 ch-04-052-24043-03 7 11 7 14 $ $ 38 40 aaa 38 12884901926 NULL40 my my 3 1 6 aaa.6 ch-04-052-24043-04 7 15 7 17 $ $ 39 41 aaa 39 12884901927 NULL41 song song 3 1 6 aaa.6 ch-04-052-24043-05 7 18 7 22 $ $ 40 42 aaa 40 12884901928 NULL42 contynue contynue 3 1 6 aaa.6 ch-04-052-24043-06 7 23 7 31 $ $ 41 43 aaa 41 12884901929 NULL43 and and 3 1 6 aaa.6 ch-04-052-24043-07 7 32 7 35 $ $ 42 44 aaa 42 12884901930 NULL44 guye guye 3 1 6 aaa.6 ch-04-052-24043-08 7 36 7 40 $ ;/$ 43 45 aaa 43 12884901931 NULL45 At at 3 1 7 aaa.7 ch-04-052-24044-01 8 0 8 2 $ $ 44 46 aaa 44 12884901932 NULL46 my my 3 1 7 aaa.7 ch-04-052-24044-02 8 3 8 5 $ $ 45 47 aaa 45 12884901933 NULL47 begynnyng begynnyng 3 1 7 aaa.7 ch-04-052-24044-03 8 6 8 15 $ $ 46 48 aaa 46 12884901934 NULL48 thus thus 3 1 7 aaa.7 ch-04-052-24044-04 8 16 8 20 $ $ 47 49 aaa 47 12884901935 NULL49 to to 3 1 7 aaa.7 ch-04-052-24044-05 8 21 8 23 $ $ 48 50 aaa 48 12884901936 NULL50 the the 3 1 7 aaa.7 ch-04-052-24044-06 8 24 8 27 $ $ 49 51 aaa 49 12884901937 NULL

Mapping & Visual Design Pen, Paper, Software, Code

Sketches

Generative Design

Generative Design Processes [are] about themodeling of initial conditions of anobject (its ‘genetics’) instead of modelingthe final form.”

“

Paola Fontana

Process No. 1 - 5

Process No. 1

Process No. 2

Process No. 3

Process No. 4

Process No. 5

Many Requirements Derive from the Previous Processes

Sketches & Paper Prototypes Between Experimental Studies and User-Centered Design

The Evolution of Two Approaches

Charts, Graphs and Literary TextsTowards a Visual Form for Dramatic Texts and Language

»The Irresistible Appeal of Info Porn«

http://www.printmag.com/article/the-irresistible-appeal-of-info-porn

»[…] people [are] drunk on possibility.«Paola Antonelli

Chris Harrison // www.chrisharrison.net

What does it mean for the visualisation of literature?

Process No. 1 Info-Porn

Reboot »To Clarify Add Detail.« (Edward Tufte)

Wordclasses ProcessThe Base Exploration for the Me, You and Them Approach

Study: Speaker Similarity

!aaammm

llleeettt

FFFooorrrtttiiinnnbbbrrraaasssAAA CCCaaappptttaaaiiinnn

RRRooossseeennncccrrraaannntttzzz

SSSeeerrrvvvaaannnttt

RRReeeyyynnnaaallldddooo

SSSaaaiiilllooorrr

PPPooolllooonnniiiuuusss

OOOppphhheeellliiiaaa

PPPrrrooollloooggguuueeeVVVooollltttiiimmm

aaannndddPPPlllaaayyyeeerrr

QQQuuueeeeeennn

!ooorrraaatttiii

ooo

FFFiiirrrsssttt PPPlllaaayyyeeerrr

SSSeeecccooonnnddd CCClllooowww

nnn

LLLaaaeeerrrttteeesss FFFrrr

aaannnccciiissscccooo

MMMaaarrrccceeelllllluuusss

FFFiiirrrsssttt CCC

lllooowwwnnn

LLLuuuccciiiaaannnuuusss

GGGhhhooo

sssttt ooofff !

aaammmllleeettt'''sss FFFaaattthhheeerrr

BBBeeerrrnnnaaa

rrrdddooo

AAA PPPrrriiieeesssttt

GGGeeerrrtttrrruuuddd

eee

DDDaaannneeesss

PPPlllaaayyyeeerrr KKKiiinnnggg

GGGuuuiiillldddeeennnsssttteeerrrnnn

AAA GGGeeennntttllleeemmmaaannn

OOOsssrrriiiccc

MMMeeessssss

CCCooorrrnnneeellliiiuuusss

FFFiiirrrsssttt AAAmmmbbbaaassssssaaadddooorrr

CCClllaaauuudddiii

uuusss

AAAllllll

LLLooorrrddd

Reboot Back to the Text

The Current State

Close-Up of an Earlier Stage Fine-Tuning

Experience and Conclusion

computational information design

Design

visual design pen

generative design processes

visual complexity http

shakespeare wordhoard

work line pathtag prev

aaa19 12884901907null21

aaa25 12884901913null27

aaa33 12884901921null35