Artisanal Data on the Web: Using JS and Data to Get Literary 21st Century Style

Sarah Groff-Palermo cares a lot about putting art on the web, and in this short but sweet presentation from Forward JS she’ll bring together data, JavaScript, and literary techniques to paint a picture of art in the 21st century.

Transcript

1. L I T E R A RY DATA O N T H E W E B SA R A H G R O F F - PA L E R M O
4. *
5. Why undertake data art?
6. Why undertake data art? 1. Understand ourselves
7. Why undertake data art? 1. Understand ourselves 2. Understand the systems to which we are subject and to which we subject others
8. Why undertake data art? 1. Understand ourselves 2. Understand the systems to which we are subject and to which we subject others 3. Expand our horizons (data-ly)
9. Why undertake data art? 1. Understand ourselves 2. Understand the systems to which we are subject and to which we subject others 3. Expand our horizons (data-ly) 4. Because it is fun
10. ! U N D E R S TA N D I N G O U R S E LV ES
11. S o u r c e : D av i d M i c h a e l C h a n d l e r, D a i l y D o o d l e
15. ! U N D E R S TA N D I N G SYS T E M S
16. S o u r c e : E F F
19. ! E X PA N D O U R H O R I ZO N S ( DATA- LY )
21. G R E AT G A P S AC C U R AT
22. ! B EC AU S E F U N
23. ! L I T E R A RY DATA
24. ! A RT I SA N A L DATA
25. A RT I SA N A L DATA S M A L L F R AG M E N T E D I N C O M P L E T E
30. F I R ST C H A P T E R S , S T E FA N I E P O SAV EC
31. F I R ST C H A P T E R S , S T E FA N I E P O SAV EC
32. F I R ST C H A P T E R S , S T E FA N I E P O SAV EC
33. F I R ST C H A P T E R S , S T E FA N I E P O SAV EC
34. DAY I N T H E L I F E , C H R I S W H O N G
35. Q U A N T I F I E D B R E A K U P, L A M T H U Y VO
36. T I M E L I N E O F N EG L ECT , M E
39. Who speaks? Who speaks to whom? Who speaks when? Who speaks what language? Who speaks with what authority? Who sees?
40. Literature is a paradoxical institution because to create literature is to write according to existing formulas … but is also to flout those conventions, to go beyond them. … [It] is an institution that lives by exposing and criticizing its own limits, by testing what will happen if one writes differently.
43. ! L A N G UAG E AS DATA
44. Croissant designed by Joe Harrison from the Noun Project Bread designed by Aneeque Ahmed from the Noun Project
46. PATATA P , J O N O B R 1 + LU L L ATO N E
47. PAT E N T G E N E R AT O R SA M L EV I N E
49. DAV I D E B O N A Z Z I F O R C O LU M B I A M AG A Z I N E
50. ! R E A DY? B EG I N !
51. What do you love that has nothing to do with tech? What system has assumptions you want to explore?
52. Are there tools you want to play with?
53. Can you remake something beautiful driven by data? S I LV E R P R I N T , B I N G W R I G H T
54. Process
55. Process 1. Sketch
56. Process 1. Sketch 2. Gather your data
57. Process 1. Sketch 2. Gather your data 3. Test your data, fail, test it again, change your sketch to something that will work
58. Process 1. Sketch 2. Gather your data 3. Test your data, fail, test it again, change your sketch to something that will work 4. Make it work. Show other people and see if it resonates.
59. D 3 . J S I N AC T I O N E L I J A H M E E K S I N T E R AC T I V E DATA V I S UA L I Z AT I O N S C OT T M U R R AY + I R E N E R O S S H I R L EY W U G R AY A R E A
61. @ S U P E R S G P | SA R A H G P.C O M ! T H A N K YO U