{"id":825,"date":"2017-10-09T13:24:30","date_gmt":"2017-10-09T20:24:30","guid":{"rendered":"http:\/\/miriamposner.com\/classes\/dh101f17\/?p=825"},"modified":"2017-10-09T13:24:30","modified_gmt":"2017-10-09T20:24:30","slug":"blog-post-1-reverse-engineering-the-shape-of-history","status":"publish","type":"post","link":"http:\/\/miriamposner.com\/classes\/dh101f17\/2017\/10\/09\/blog-post-1-reverse-engineering-the-shape-of-history\/","title":{"rendered":"Blog Post 1 &#8211; Reverse Engineering: The Shape of History"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-828 aligncenter\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Shape-of-History-300x145.png\" alt=\"\" width=\"698\" height=\"337\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Shape-of-History-300x145.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Shape-of-History-768x372.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Shape-of-History-1024x496.png 1024w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Shape-of-History.png 1366w\" sizes=\"auto, (max-width: 698px) 100vw, 698px\" \/><\/p>\n<p><span style=\"font-weight: 400\"><a href=\"http:\/\/shapeofhistory.net\/\">&#8220;The Shape of History&#8221;<\/a> is a Digital Humanities project created by Lauren Klein from Georgia Tech Digital Humanities Lab. The project aims to create a reimagined, digitized, and interactive form of Elizabeth Palmer Peabody&#8217;s historical visualization system designed in 1856 that translates historical events into visual presentations of shapes and colors. Peabody&#8217;s goal and vision was to appeal to the &#8220;mind&#8217;s eye&#8221; and to prompt students and readers (of the images) to develop unique and individual interpretations of history.<\/span><\/p>\n<p><strong>Sources:<\/strong><\/p>\n<p><span style=\"font-weight: 400\">The &#8220;Further Readings&#8221; section lists the sources used to understand Peabody&#8217;s system, which include Bruce Rhonda&#8217;s <\/span><a href=\"http:\/\/www.hup.harvard.edu\/catalog.php?isbn=9780674246959\"><i><span style=\"font-weight: 400\">Elizabeth Palmer Peabody: A Reformer on Her Own Terms<\/span><\/i><\/a><span style=\"font-weight: 400\">, Daniel Rosenberg and Anthony Garfton&#8217;s <\/span><a href=\"http:\/\/www.papress.com\/html\/product.details.dna?isbn=9781568987637\"><i><span style=\"font-weight: 400\">Cartographies of Time: A History of the Timeline<\/span><\/i><\/a><span style=\"font-weight: 400\">, and Peabody&#8217;s original textbook, <\/span><a href=\"https:\/\/archive.org\/details\/chronologicalhis00peab\"><i><span style=\"font-weight: 400\">A Chronological History of the United States<\/span><\/i><\/a><span style=\"font-weight: 400\">. The section also includes many links to the researcher&#8217;s blog and additional writings on Elizabeth Peabody. Klein is inferred to have obtained historical event information from online databases.\u00a0<\/span><\/p>\n<p><strong>Processing:<\/strong><\/p>\n<p><span style=\"font-weight: 400\">Processing data may include organizing, editing, correcting, querying, digitizing, enhancing, etc. This project digitizes Peabody&#8217;s system of translating historical events to grid images of shapes and colors. The &#8220;Explore&#8221; section organizes historical events by century, year, type of event, and countries involved, which determine where each event is presented on a grid and its color. Under the &#8220;Play&#8221; section, users are able to add their own events to a grid and customize the colors allowing users to create their own image and narrative of a historical timeline, demonstrating the original objective of Peabody. The project organizes, edits, and digitizes data to creative an interactive interface to simulate Peabody&#8217;s system of historical visualization.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-836 aligncenter\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Shape-of-History-1-300x146.png\" alt=\"\" width=\"738\" height=\"359\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Shape-of-History-1-300x146.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Shape-of-History-1-768x373.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Shape-of-History-1-1024x497.png 1024w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Shape-of-History-1.png 1366w\" sizes=\"auto, (max-width: 738px) 100vw, 738px\" \/><\/p>\n<p><strong>Presentation:<\/strong><\/p>\n<p><span style=\"font-weight: 400\">&#8220;The Shape of History&#8221; is presented in an interactive website built using HTML5, CSS, and JavaScript, and open-source libraries, such as jQuery, Bootstrap, D3.js and two.js. The layout of the website itself is very interactive and resembles a grid format (like Peabody&#8217;s method) which allows users to navigate through from one square to another to go to new pages. Data is visualized through the grid images of organized historical events. The &#8220;Compare&#8221; page further offers users a visual comparison between the grid visualization of historical events to a tradition timeline.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-843 aligncenter\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Shape-of-History-2-244x300.png\" alt=\"\" width=\"263\" height=\"323\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Shape-of-History-2-244x300.png 244w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Shape-of-History-2.png 432w\" sizes=\"auto, (max-width: 263px) 100vw, 263px\" \/><\/p>\n<p><span style=\"font-weight: 400\">Overall, I think this was a very fun project that effectively revitalizes Peabody&#8217;s historical visualization method. It allows students and users, especially those who learn through more visual experiences, to learn historical events in a less conventional, but possibly more effective way (in certain cases). Peabody&#8217;s method created back in the 19th century was originally meant to be interactive, but with the abilities of data processing and digital technology today, &#8220;The Shape of History&#8221; project further enhances this intent by providing a web-accessible and more interactive experience for users. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;The Shape of History&#8221; is a Digital Humanities project created by Lauren Klein from Georgia Tech Digital Humanities Lab. The<\/p>\n","protected":false},"author":131,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-825","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\/825","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\/131"}],"replies":[{"embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/comments?post=825"}],"version-history":[{"count":0,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/posts\/825\/revisions"}],"wp:attachment":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/media?parent=825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/categories?post=825"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/tags?post=825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}