{"id":681,"date":"2017-10-09T10:09:52","date_gmt":"2017-10-09T17:09:52","guid":{"rendered":"http:\/\/miriamposner.com\/classes\/dh101f17\/?p=681"},"modified":"2017-10-09T10:09:52","modified_gmt":"2017-10-09T17:09:52","slug":"reverse-engineering-the-shape-of-history","status":"publish","type":"post","link":"http:\/\/miriamposner.com\/classes\/dh101f17\/2017\/10\/09\/reverse-engineering-the-shape-of-history\/","title":{"rendered":"Reverse Engineering: The Shape of History"},"content":{"rendered":"<p>For week 1, I reverse engineered\u00a0<a href=\"http:\/\/shapeofhistory.net\/#splash\">The Shape of History: Reimagining Elizabeth Palmer Peabody&#8217;s Historical Visualization Work. <\/a>In her project, Elizabeth Palmer Peabody transforms data into a grid chart that utilizes an interactive historical map. Instead of a normal timeline, Palmer&#8217;s chart organizes the data in a story-like format that shows an intuitive progression of events and the events&#8217; relationships with each other, allowing for the reader to learn quickly and effectively while making connections between events.<\/p>\n<p><a href=\"http:\/\/shapeofhistory.net\/#explore\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-691\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-09-at-10.01.47-AM-300x278.png\" alt=\"\" width=\"300\" height=\"278\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-09-at-10.01.47-AM-300x278.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-09-at-10.01.47-AM-768x711.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-09-at-10.01.47-AM.png 972w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Sources:<\/p>\n<p>Under the &#8220;Site Information&#8221; tab, the creators list their credits and sources. They list the American Antiquarian Society and the Library Company of Philadelphia as the sources primarily drawn from. All sources were mainly open source libraries from different online databases. The creators built the project using HTML5, CSS, and Javascript.<\/p>\n<p>Processing:<\/p>\n<p>Processing data and information involves a variety of methods: o<span style=\"font-weight: 400\">rganizing, e<\/span><span style=\"font-weight: 400\">diting, c<\/span><span style=\"font-weight: 400\">orrecting, s<\/span><span style=\"font-weight: 400\">tatistical processing, e<\/span><span style=\"font-weight: 400\">nhancing, p<\/span><span style=\"font-weight: 400\">hotographing, etc. The &#8220;Explore&#8221; page organizes historical events into an interactive chart, which is evidence of data organizing. The &#8220;Compare&#8221; page uses organizing as well as statistical processing to organize the dates and information. Furthermore, the &#8220;Play&#8221; page enhances the depth of information by allowing users to toggle with the data themselves and organize it themselves, which is evidence of data processing and and manipulation. Clearly, the original data set has been edited, enhanced, and reworked in a way that allows for the interactive interface that the site provides.<\/span><\/p>\n<p>Presentation:<\/p>\n<p>Data is presented when it is v<span style=\"font-weight: 400\">isualized, m<\/span><span style=\"font-weight: 400\">ade web-accessible, m<\/span><span style=\"font-weight: 400\">apped, m<\/span><span style=\"font-weight: 400\">ade searchable, and m<\/span><span style=\"font-weight: 400\">ade interactive. The data is clearly visualized in a grid chart format, with different squares within the grid symbolizing different events. The information is very accessible and the site is intuitive, with tutorials and instructions on nearly every page. Again, interactive interface allows the user to navigate the site easily and allows for a self-guided lesson on history. The site utilizes a main menu\/dashboard to organize the different pages and provide a way to navigate the site.\u00a0<\/span><\/p>\n<p>Palmer notes that the conversion from grid to timeline reflects her own sense of history as a form of data. Because each event is &#8220;defined by its actors and type,&#8221; this allows for each event to be translated into a data object. Palmer found that this was the best way to visually represent history, and was able to do so through a variety of ways as reflected in the project.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For week 1, I reverse engineered\u00a0The Shape of History: Reimagining Elizabeth Palmer Peabody&#8217;s Historical Visualization Work. In her project, Elizabeth<\/p>\n","protected":false},"author":127,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-681","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\/681","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\/127"}],"replies":[{"embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/comments?post=681"}],"version-history":[{"count":0,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/posts\/681\/revisions"}],"wp:attachment":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/media?parent=681"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/categories?post=681"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/tags?post=681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}