{"id":841,"date":"2017-10-09T13:55:35","date_gmt":"2017-10-09T20:55:35","guid":{"rendered":"http:\/\/miriamposner.com\/classes\/dh101f17\/?p=841"},"modified":"2017-10-09T13:58:01","modified_gmt":"2017-10-09T20:58:01","slug":"reverse-engineering-the-shape-of-history-2","status":"publish","type":"post","link":"http:\/\/miriamposner.com\/classes\/dh101f17\/2017\/10\/09\/reverse-engineering-the-shape-of-history-2\/","title":{"rendered":"Reverse Engineering “The Shape of History”"},"content":{"rendered":"

Lauren Klein’s “The Shape of History” sets out to redefine the passive role that users have with data visualizations. Instead of information readily t<\/span>o be consumed, “The Shape of History” is Klein’s modern take on Elizabeth Peabody’s visualization philosophy that emphasized user interaction and personal interpretation. <\/span><\/p>\n

Source<\/span><\/i><\/p>\n

Klein’s main source came directly from the pages of Elizabeth Peabody’s <\/span>Universal History: Arranged to Illustrate Bem’s Charts of Chronology<\/span><\/i>, currently loca<\/span>ted at Yale University’s Beinecke Rare Book and Manuscript Library. In addition to the textbook, Peabody sold a workbook with blank charts for students to cross-reference and color in events accordingly in her colored grid system. Here pictured is the original table of contents and chart found in the text:<\/span><\/p>\n

<\/p>\n

 <\/p>\n

<\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

The intent was to convert the dates and historical event to color-coded grids in graphical form. Below is an example of a student’s work:<\/p>\n

<\/p>\n

 <\/p>\n

Process<\/em><\/p>\n

Now translating this in a more modern, accessible sense, Klein created a website and assembled the information and exercise to be online. Looking through her Github, we see that the historical events was compiled into a dataset in CSV form. The graphical grids found in the exercises of the textbook and the interactivity that comes alon<\/span>g with it were created using markup and programming languages such as HTML5, <\/span>CSS and JavaScript.<\/span><\/p>\n

Presentation<\/em><\/p>\n

By far my favorite part, I loved how Klein parallels Peabody’s exercise by formatting the website into a grid system as well. It’s arranged in a 3 by 5 grid, in which the current individual, information grid scales to the browser’s size. After a few grids of information, sheincludes four interactive modes: explore, learn, play, and compare.<\/span><\/p>\n

<\/p>\n

<\/p>\n

<\/span><\/p>\n

She includes the same interactivity intended in the original exercises from highlighting events by text in the table of contents and their graphical forms to providing a grid to create the user’s own events using the same formatting. I particularly enjoyed the comparison of different data representations from their CSV form, their graphical form, to a timeline and table of contents form.\u00a0<\/span><\/p>\n

 <\/p>\n

In conclusion, I found this reinterpretation of data visualization to be very insightful and useful in its own sense. Despite requiring more effort on the user’s part,\u00a0the extra step forces the\u00a0user to process the information in their mind to make actual sense of what they’re consuming. With how easily accessible and how much information is made available to us, we’ve become almost desensitized to the point where data easily comes and goes in our mind. This method allows for users to digest the information and to make connections and data more\u00a0meaningful, rather than just mindless consumption.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Lauren Klein’s “The Shape of History” sets out to redefine the passive role that users have with data visualizations. Instead<\/p>\n","protected":false},"author":170,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-841","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/posts\/841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/users\/170"}],"replies":[{"embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/comments?post=841"}],"version-history":[{"count":0,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/posts\/841\/revisions"}],"wp:attachment":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/media?parent=841"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/categories?post=841"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/tags?post=841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}