{"id":857,"date":"2017-10-09T14:00:56","date_gmt":"2017-10-09T21:00:56","guid":{"rendered":"http:\/\/miriamposner.com\/classes\/dh101f17\/?p=857"},"modified":"2017-10-09T14:00:56","modified_gmt":"2017-10-09T21:00:56","slug":"blog-post-1-reverse-engineering-the-shape-of-history-2","status":"publish","type":"post","link":"http:\/\/miriamposner.com\/classes\/dh101f17\/2017\/10\/09\/blog-post-1-reverse-engineering-the-shape-of-history-2\/","title":{"rendered":"Blog Post 1: Reverse Engineering: The Shape of History"},"content":{"rendered":"<p><a href=\"http:\/\/shapeofhistory.net\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-913\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.42.07-PM-300x146.png\" alt=\"\" width=\"300\" height=\"146\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.42.07-PM-300x146.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.42.07-PM-768x375.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.42.07-PM-1024x500.png 1024w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.42.07-PM.png 1363w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400\">The digital humanities project I chose to reverse engineer for this blog is <a href=\"http:\/\/shapeofhistory.net\/\">The Shape of History: Re-imagining Elizabeth Palmer Peabody&#8217;s Historical Visualization Work<\/a> which was developed by Lauren Klein, Caroline Foster, Erica Palmer, Adam Hayward, and Shivani Negi as a part of Georgia Tech Digital Humanities Lab. The purpose of this project is to visualize and organize data the way Elizabeth Palmer Peabody, a nineteenth century writer, did. Peabody&#8217;s method of data visualisation concentrated on deconstructing text information, such as historical events, into shapes and colors, so each individual could interpret the image for himself\/herself.\u00a0The project is able to accomplish this through the use of grid charts. The purpose of the grid charts is to \u00a0convert the timeline of history into grid shapes. Peabody wanted to restructure the way one would view and understand history through appealing to the mind&#8217;s eye of imagery. Each square in the grid charts symbolize different events and locations where they have occurred. <\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-915\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.51.34-PM-300x148.png\" alt=\"\" width=\"300\" height=\"148\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.51.34-PM-300x148.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.51.34-PM-768x380.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.51.34-PM-1024x507.png 1024w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.51.34-PM.png 1350w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><span style=\"font-weight: 400\">Navigating through this project emphasizes on scrolling, clicking on arrows, or just clicking on the top left corner of the project to use the main map to navigate to main squares.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-917\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.53.50-PM-300x151.png\" alt=\"\" width=\"300\" height=\"151\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.53.50-PM-300x151.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.53.50-PM-768x385.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.53.50-PM-1024x514.png 1024w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.53.50-PM.png 1365w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Navigation through this interactive project is straightforward and is aided by a simple tutorial of &#8220;how it works&#8221; if you choose a particular square.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-921\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.52.37-PM-300x145.png\" alt=\"\" width=\"300\" height=\"145\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.52.37-PM-300x145.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.52.37-PM-768x370.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.52.37-PM-1024x494.png 1024w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.52.37-PM.png 1336w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><span style=\"font-weight: 400\"> Portions of this interactive project also allow you to create your own grid chart. This gives the viewer of this project the ability to visualize data in a similar way that Elizabeth Peabody envisioned.<\/span><\/p>\n<p><a href=\"http:\/\/shapeofhistory.net\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-930\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.58.03-PM-300x150.png\" alt=\"\" width=\"300\" height=\"150\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.58.03-PM-300x150.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.58.03-PM-768x384.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.58.03-PM-1024x512.png 1024w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.58.03-PM.png 1361w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\u00a0<a href=\"http:\/\/shapeofhistory.net\/#credits\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-931\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.58.17-PM-300x152.png\" alt=\"\" width=\"300\" height=\"152\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.58.17-PM-300x152.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.58.17-PM-768x390.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.58.17-PM-1024x520.png 1024w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screenshot-2017-10-09-at-1.58.17-PM.png 1360w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400\">The &#8220;About the Site&#8221; and &#8220;Credits&#8221; segments act as the bibliography portions of the project. The works they cite include primary sources such as the American Antiquarian Society and the Library Company of Philadelphia for research in Peabody&#8217;s work. Other secondary sources came from open source libraries such as <\/span><span style=\"font-weight: 400\">D3.js, jQuery, and two.js. <\/span><span style=\"font-weight: 400\">The project is also constructed with the use of HTML5, CSS, and Javascript. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The digital humanities project I chose to reverse engineer for this blog is The Shape of History: Re-imagining Elizabeth Palmer<\/p>\n","protected":false},"author":178,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-857","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\/857","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\/178"}],"replies":[{"embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/comments?post=857"}],"version-history":[{"count":0,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/posts\/857\/revisions"}],"wp:attachment":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/media?parent=857"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/categories?post=857"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/tags?post=857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}