{"id":560,"date":"2017-10-08T23:43:02","date_gmt":"2017-10-09T06:43:02","guid":{"rendered":"http:\/\/miriamposner.com\/classes\/dh101f17\/?p=560"},"modified":"2017-10-08T23:43:02","modified_gmt":"2017-10-09T06:43:02","slug":"deconstructing-the-shape-of-history","status":"publish","type":"post","link":"http:\/\/miriamposner.com\/classes\/dh101f17\/2017\/10\/08\/deconstructing-the-shape-of-history\/","title":{"rendered":"Deconstructing &#8220;The Shape of History&#8221;"},"content":{"rendered":"<p><span style=\"font-weight: 400\">I decided to deconstruct the project, \u00a0<\/span><a href=\"http:\/\/shapeofhistory.net\/#splash\"><span style=\"font-weight: 400\">&#8220;The Shape of History: Reimagining Elizabeth Palmer Peabody&#8217;s Historical Visualization Work.&#8221;<\/span><\/a><span style=\"font-weight: 400\"> This Digital Humanities project was designed to analyze and give expression to the work of Elizabeth Palmer Peabody, who transformed historical events into patterns of color and design in order for people to understand the timeline<\/span><span style=\"font-size: 1.125rem\">s through a unique point of view. The project is interactive, allowing the viewer to really understand the topic at hand while also having fun!<\/span><\/p>\n<p><span style=\"font-size: 1.125rem\"><a href=\"http:\/\/shapeofhistory.net\/#splash\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-562 aligncenter\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-9.43.41-PM-300x187.png\" alt=\"\" width=\"300\" height=\"187\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-9.43.41-PM-300x187.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-9.43.41-PM-768x478.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-9.43.41-PM-1024x638.png 1024w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-9.43.41-PM.png 1439w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/span><\/p>\n<p><i><span style=\"font-weight: 400\">Sources<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400\">The project&#8217;s sources included readings on Elizabeth Peabody, as well as her own writings on historical events. . The section on further readings mentioned a handful of sources on Peabody including \u00a0<\/span><a href=\"http:\/\/www.hup.harvard.edu\/catalog.php?isbn=9780674246959\"><span style=\"font-weight: 400\">Elizabeth Palmer Peabody: A Reformer on Her Own Term<\/span><\/a><span style=\"font-weight: 400\">, <\/span><a href=\"https:\/\/www.papress.com\/html\/book.details.page.tpl?isbn=9781568987637\"><span style=\"font-weight: 400\">Cartographies of Time: A History of the Timeline<\/span><\/a><span style=\"font-weight: 400\">, and <\/span><a href=\"https:\/\/archive.org\/details\/chronologicalhis00peab\"><span style=\"font-weight: 400\">A Chronological History of the United States<\/span><\/a><span style=\"font-weight: 400\"> (Peabody&#8217;s original textbook). The site also contained many links to the creators&#8217; links, the Georgia Tech Digit<\/span><span style=\"font-size: 1.125rem\">al Humanities Lab, their research blog as well as a link to read more about why they created this project and the framework behind the research.<\/span><\/p>\n<p><i><span style=\"font-weight: 400\">Processes<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400\">According to the project&#8217;s &#8220;About the Site&#8221; page, the creators of the site utilized HTML5, CSS, and JavaScript, and used multiple open-source libraries including <\/span><a href=\"https:\/\/jquery.com\/\"><span style=\"font-weight: 400\">jQuery<\/span><\/a><span style=\"font-weight: 400\">, <\/span><a href=\"http:\/\/getbootstrap.com\/\"><span style=\"font-weight: 400\">Bootstrap<\/span><\/a><span style=\"font-weight: 400\">, <\/span><a href=\"https:\/\/d3js.org\/\"><span style=\"font-weight: 400\">D3.js<\/span><\/a><span style=\"font-weight: 400\">, and <\/span><a href=\"https:\/\/two.js.org\/\"><span style=\"font-weight: 400\">two.js<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><i><span style=\"font-weight: 400\">Presentation<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400\">The layout of this project was very clever, utilizing Peabody&#8217;s idea of a colorful grid-like representation as the layout for the site. It was extremely easy to navigate and almost helped for a better understanding of the topic at hand. Some big highlights of this project were the interactive sections, which aided understanding of the topic and ultimately allowed for complete immersion with the digitization of historical events the way Peacock envisioned it. The &#8220;Play&#8221; section was especially nice because you could make your own Historical Visualization Grid with whichever events you want. In my opinion, this formatting was efficient and fun for the viewer. Overall, the project was basic enough to utilize, while giving a significant amount of information. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I decided to deconstruct the project, \u00a0&#8220;The Shape of History: Reimagining Elizabeth Palmer Peabody&#8217;s Historical Visualization Work.&#8221; This Digital Humanities<\/p>\n","protected":false},"author":181,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-560","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\/560","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\/181"}],"replies":[{"embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/comments?post=560"}],"version-history":[{"count":0,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/posts\/560\/revisions"}],"wp:attachment":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/media?parent=560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/categories?post=560"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/tags?post=560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}