Computational Information Design
2 likes562 views
The document discusses the concept of computational information design, highlighting its historical roots, particularly through the lens of data visualization in literature and other fields. It emphasizes the methodologies involving data handling such as APIs, scraping, and user-centered design, while also referencing various projects and studies that explore visual complexity. Additionally, it mentions the intersection of design, technology, and literary analysis, along with examples of generative design processes.
![Computational Information Design
[PhD Thesis title, Ben Fry, 2004]](https://image.slidesharecdn.com/20110509computationalinformationdesign-110517142729-phpapp02/85/Computational-Information-Design-1-320.jpg)
![»There is Only Software«
[Manovich, 2011]
http://lab.softwarestudies.com/2011/04/new-article-by-lev-manovich-there-is.html](https://image.slidesharecdn.com/20110509computationalinformationdesign-110517142729-phpapp02/85/Computational-Information-Design-9-320.jpg)
![“ Generative Design Processes [are] about the
modeling of initial conditions of an
object (its ‘genetics’) instead of modeling
the final form.”
Paola Fontana](https://image.slidesharecdn.com/20110509computationalinformationdesign-110517142729-phpapp02/85/Computational-Information-Design-26-320.jpg)
![»[…] people [are] drunk on possibility.«
Paola Antonelli](https://image.slidesharecdn.com/20110509computationalinformationdesign-110517142729-phpapp02/85/Computational-Information-Design-38-320.jpg)
Computational Information Design
- 1. Computational Information Design [PhD Thesis title, Ben Fry, 2004]
- 3. The London Cholera Map Dr. John Snow (1854)
- 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
- 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
- 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
- 54. Close-Up of an Earlier Stage Fine-Tuning