Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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.

4867789d19ac436c6e5a4e79b956c4b0?s=128

NewCircle Training

July 25, 2014
Tweet

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
  2. None
  3. None
  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
  12. None
  13. None
  14. None
  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

  17. None
  18. None
  19. ! E X PA N D O U R H

    O R I ZO N S ( DATA- LY )
  20. None
  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
  26. None
  27. None
  28. None
  29. None
  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
  37. None
  38. None
  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.
  41. None
  42. None
  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
  45. None
  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
  48. None
  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
  60. None
  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