Explanation of the computational information design process on the example of the work-in-progress of Understanding Shakespeare

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

2. Computational Information Design

3. The London Cholera Map Dr. John Snow (1854)

4. Computational Information Design

5. Computational Information Design
Information Architecture
Information Visualisation

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

7. Computational Information Design
Information Architecture
Information Visualisation

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

9. »There is Only Software«
[Manovich, 2011]
http://lab.softwarestudies.com/2011/04/new-article-by-lev-manovich-there-is.html

10. Understanding Shakespeare
http://www.understanding-shakespeare.com

16. Computational Information Design

17. Computational Information Design Ben Fry (p. 13)

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

19. Other Cases APIs, Scraping Data, Crowd-Sourcing Data

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

21. Also WordHoard (in part)

22. 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 NULL
2 ferse ferse 3 1 1 aaa.1 ch-04-052-24038-02 2 5 2 10 $ $ 1 3 aaa 1 12884901889 NULL
3 god god 3 1 1 aaa.1 ch-04-052-24038-03 2 11 2 14 $ $ 2 4 aaa 2 12884901890 NULL
4 of of 3 1 1 aaa.1 ch-04-052-24038-04 2 15 2 17 $ $ 3 5 aaa 3 12884901891 NULL
5 armes armes 3 1 1 aaa.1 ch-04-052-24038-05 2 18 2 23 $ ,$ 4 6 aaa 4 12884901892 NULL
6 Mars mars 3 1 1 aaa.1 ch-04-052-24038-06 2 25 2 29 $ $ 5 7 aaa 5 12884901893 NULL
7 the the 3 1 1 aaa.1 ch-04-052-24038-07 2 30 2 33 $ $ 6 8 aaa 6 12884901894 NULL
8 rede rede 3 1 1 aaa.1 ch-04-052-24038-08 2 34 2 38 $ ,/$ 7 9 aaa 7 12884901895 NULL
9 That that 3 1 2 aaa.2 ch-04-052-24039-01 3 0 3 4 $ $ 8 10 aaa 8 12884901896 NULL
10 in in 3 1 2 aaa.2 ch-04-052-24039-02 3 5 3 7 $ $ 9 11 aaa 9 12884901897 NULL
11 the the 3 1 2 aaa.2 ch-04-052-24039-03 3 8 3 11 $ $ 10 12 aaa 10 12884901898 NULL
12 frosty frosty 3 1 2 aaa.2 ch-04-052-24039-04 3 12 3 18 $ $ 11 13 aaa 11 12884901899 NULL
13 contre contre 3 1 2 aaa.2 ch-04-052-24039-05 3 19 3 25 $ $ 12 14 aaa 12 12884901900 NULL
14 called called 3 1 2 aaa.2 ch-04-052-24039-06 3 26 3 32 $ $ 13 15 aaa 13 12884901901 NULL
15 Trace trace 3 1 2 aaa.2 ch-04-052-24039-07 3 33 3 38 $ ,/$ 14 16 aaa 14 12884901902 NULL
16 Within within 3 1 3 aaa.3 ch-04-052-24040-01 4 0 4 6 $ $ 15 17 aaa 15 12884901903 NULL
17 thy thy 3 1 3 aaa.3 ch-04-052-24040-02 4 7 4 10 $ $ 16 18 aaa 16 12884901904 NULL
18 grisly grisly 3 1 3 aaa.3 ch-04-052-24040-03 4 11 4 17 $ $ 17 19 aaa 17 12884901905 NULL
19 temple temple 3 1 3 aaa.3 ch-04-052-24040-04 4 18 4 24 $ $ 18 20 aaa 18 12884901906 NULL
20 ful ful 3 1 3 aaa.3 ch-04-052-24040-05 4 25 4 28 $ $ 19 21 aaa 19 12884901907 NULL
21 of of 3 1 3 aaa.3 ch-04-052-24040-06 4 29 4 31 $ $ 20 22 aaa 20 12884901908 NULL
22 drede drede 3 1 3 aaa.3 ch-04-052-24040-07 4 32 4 37 $ /$ 21 23 aaa 21 12884901909 NULL
23 Honoured honoured 3 1 4 aaa.4 ch-04-052-24041-01 5 0 5 8 $ $ 22 24 aaa 22 12884901910 NULL
24 art art 3 1 4 aaa.4 ch-04-052-24041-02 5 9 5 12 $ $ 23 25 aaa 23 12884901911 NULL
25 as as 3 1 4 aaa.4 ch-04-052-24041-03 5 13 5 15 $ $ 24 26 aaa 24 12884901912 NULL
26 patroun patroun 3 1 4 aaa.4 ch-04-052-24041-04 5 16 5 23 $ $ 25 27 aaa 25 12884901913 NULL
27 of of 3 1 4 aaa.4 ch-04-052-24041-05 5 24 5 26 $ $ 26 28 aaa 26 12884901914 NULL
28 that that 3 1 4 aaa.4 ch-04-052-24041-06 5 27 5 31 $ $ 27 29 aaa 27 12884901915 NULL
29 place place 3 1 4 aaa.4 ch-04-052-24041-07 5 32 5 37 $ ;/$ 28 30 aaa 28 12884901916 NULL
30 With with 3 1 5 aaa.5 ch-04-052-24042-01 6 0 6 4 $ $ 29 31 aaa 29 12884901917 NULL
31 thy thy 3 1 5 aaa.5 ch-04-052-24042-02 6 5 6 8 $ $ 30 32 aaa 30 12884901918 NULL
32 Bellona bellona 3 1 5 aaa.5 ch-04-052-24042-03 6 9 6 16 $ ,$ 31 33 aaa 31 12884901919 NULL
33 Pallas pallas 3 1 5 aaa.5 ch-04-052-24042-04 6 18 6 24 $ ,$ 32 34 aaa 32 12884901920 NULL
34 ful ful 3 1 5 aaa.5 ch-04-052-24042-05 6 26 6 29 $ $ 33 35 aaa 33 12884901921 NULL
35 of of 3 1 5 aaa.5 ch-04-052-24042-06 6 30 6 32 $ $ 34 36 aaa 34 12884901922 NULL
36 grace grace 3 1 5 aaa.5 ch-04-052-24042-07 6 33 6 38 $ ,/$ 35 37 aaa 35 12884901923 NULL
37 Be be 3 1 6 aaa.6 ch-04-052-24043-01 7 0 7 2 $ $ 36 38 aaa 36 12884901924 NULL
38 present present 3 1 6 aaa.6 ch-04-052-24043-02 7 3 7 10 $ $ 37 39 aaa 37 12884901925 NULL
39 and and 3 1 6 aaa.6 ch-04-052-24043-03 7 11 7 14 $ $ 38 40 aaa 38 12884901926 NULL
40 my my 3 1 6 aaa.6 ch-04-052-24043-04 7 15 7 17 $ $ 39 41 aaa 39 12884901927 NULL
41 song song 3 1 6 aaa.6 ch-04-052-24043-05 7 18 7 22 $ $ 40 42 aaa 40 12884901928 NULL
42 contynue contynue 3 1 6 aaa.6 ch-04-052-24043-06 7 23 7 31 $ $ 41 43 aaa 41 12884901929 NULL
43 and and 3 1 6 aaa.6 ch-04-052-24043-07 7 32 7 35 $ $ 42 44 aaa 42 12884901930 NULL
44 guye guye 3 1 6 aaa.6 ch-04-052-24043-08 7 36 7 40 $ ;/$ 43 45 aaa 43 12884901931 NULL
45 At at 3 1 7 aaa.7 ch-04-052-24044-01 8 0 8 2 $ $ 44 46 aaa 44 12884901932 NULL

23. Mapping & Visual Design Pen, Paper, Software, Code

24. Sketches

25. Generative Design

26. “ Generative Design Processes [are] about the
modeling of initial conditions of an
object (its ‘genetics’) instead of modeling
the final form.”
Paola Fontana

27. Process No. 1 - 5

28. Process No. 1

29. Process No. 2

30. Process No. 3

31. Process No. 4

32. Process No. 5

33. Many Requirements Derive from the Previous Processes

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

35. The Evolution of Two Approaches

36. Charts, Graphs and Literary Texts
Towards a Visual Form for Dramatic Texts and Language

37. »The Irresistible Appeal of Info Porn«
http://www.printmag.com/article/the-irresistible-appeal-of-info-porn

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

39. Chris Harrison // www.chrisharrison.net

40. Chris Harrison // www.chrisharrison.net

43. What does it mean for the visualisation of literature?

44. Process No. 1 Info-Porn

45. Process No. 1 Info-Porn

46. Process No. 1 Info-Porn

47. Process No. 1 Info-Porn

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

49. Wordclasses Process
The Base Exploration for the Me, You and Them Approach

50. eeennn
eee
aaannnddd
uuusss
rrr QQQuuueee
nnniii
OOOppphhheeellliiiaaa
PPPrrrooollloooggguuu
VVVooollltttiiimmm
PPPlllaaayyyeee
iiiooo
PPPooolllooo
rrraaattt
!ooo
iiilll
eeerrr
aaalllddd
nnn
ttt
SSSaaa
yyynnn
lllaaayyy
ooowww
lll
aaannn ooo
RRReee ooorrr
ttt PPP
rrrvvv
CCC
zzz
sss
Study: Speaker Similarity
nnnttt
SSSeee
nnnddd
aaa
FFFiiirrr
ooo
cccrrr
SSS eeeccc
eeennn sss
aaaiiinnn RRRooo
pppttt sss
CCCaaa bbbrrraaa sss
AAA tttiiinnn rrrttteee
FFFooo
rrr
LLLaaaeee
cccooo
nnnccciiisss
FFFrrraaa
lllllluuusss
rrrccceee
MMMaaa
CCClllooo wwwnnn
FFFiiirrrsssttt
uuusss
LLLuuuccciiiaaannn
rrr
aaammm llleeettt'''sss FFFaaattthhheee
GGGhhhooosssttt ooofff !
BBBeeerrrnnnaaarrrdddooo
AAA PPPrrriiieeesssttt
GGGeeerrrtttrrruuudddeee
DDDaaannneee
sss
PPPlllaaayyy
eeerrr KKK
iiinnnggg
GGGuuuiii
llldddeeennn
sssttteeerrr
!aaa AAA GGG
eeennnttt nnn
mmmlll OOOsss llleeemmm
eeettt
rrriiiccc aaannn
MMMeee
sss
CCCooo sss
rrrnnn
FFFiiirrr eee
sssttt llliiiuuusss
AAAmmm
bbbaaa
ssssss
aaaddd
ooorrr
CCClllaaa
uuuddd
iiiuuusss
AAAllllll
LLLooorrrddd

51. eeennn
eee
aaannnddd
uuusss
rrr QQQuuueee
nnniii
OOOppphhheeellliiiaaa
PPPrrrooollloooggguuu
VVVooollltttiiimmm
PPPlllaaayyyeee
iiiooo
PPPooolllooo
rrraaattt
!ooo
iiilll
eeerrr
aaalllddd
ttt
aaayyy
wwwnnn
SSSaaa
yyynnn
ooo
aaannn ooo
PPPlll
RRReee ooorrr
CCClll
rrrvvv
zzz
sssttt
ddd
Study: Speaker Similarity
nnnttt
SSSeee
aaa
FFFiiirrr
ccc ooonnn
cccrrr
SSSeee
eeennn sss
aaaiiinnn RRRooo
pppttt sss
CCCaaa bbbrrraaa sss
AAA tttiiinnn rrrttteee
FFFooo
rrr
LLLaaaeee
cccooo
nnnccciiisss
FFFrrraaa
lllllluuusss
rrrccceee
MMMaaa
CCClllooo wwwnnn
FFFiiirrrsssttt
uuusss
LLLuuuccciiiaaannn
rrr
aaammm llleeettt'''sss FFFaaattthhheee
GGGhhhooosssttt ooofff !
BBBeeerrrnnnaaarrrdddooo
AAA PPPrrriiieeesssttt
GGGeeerrrtttrrruuudddeee
DDDaaannneee
sss
PPPlllaaayyy
eeerrr KKK
iiinnnggg
GGGuuuiii
llldddeeennn
sssttteeerrr
!aaa AAA GGG
eeennnttt nnn
mmmlll OOOsss llleeemmm
eeettt
rrriiiccc aaannn
MMMeee
sss
CCCooo sss
rrrnnn
FFFiiirrr eee
sssttt llliiiuuusss
AAAmmm
bbbaaa
ssssss
aaaddd
ooorrr
CCClllaaa
uuu
dddiiiuuu
sss
AAAllllll
LLLooorrrddd

52. Reboot Back to the Text

53. The Current State

54. Close-Up of an Earlier Stage Fine-Tuning

55. Experience and Conclusion