{"id":428,"date":"2017-10-08T17:49:49","date_gmt":"2017-10-09T00:49:49","guid":{"rendered":"http:\/\/miriamposner.com\/classes\/dh101f17\/?p=428"},"modified":"2017-10-08T17:49:49","modified_gmt":"2017-10-09T00:49:49","slug":"blog1-the-shape-of-history","status":"publish","type":"post","link":"http:\/\/miriamposner.com\/classes\/dh101f17\/2017\/10\/08\/blog1-the-shape-of-history\/","title":{"rendered":"Blog1: The Shape of History"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-438\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-5.39.54-PM-1.png\" alt=\"\" width=\"2549\" height=\"1352\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-5.39.54-PM-1.png 2549w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-5.39.54-PM-1-300x159.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-5.39.54-PM-1-768x407.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-5.39.54-PM-1-1024x543.png 1024w\" sizes=\"auto, (max-width: 2549px) 100vw, 2549px\" \/>I chose to reverse engineer a digital humanities project called <a href=\"http:\/\/shapeofhistory.net\/#splash\">The Shape of History: Reimagining Elizabeth Palmer Peabody&#8217;s Historical Visualization Work<\/a>. This project was created to visualize and make sense of data collected by Elizabeth Palmer Peabody and turned into grid chard to show the shape of history to the world. Her desire was to appeal to the mind&#8217;s eye so that people could understand history in a different way. This project placed events in different squares, creating a grid chart and each square contains different information about events and the countries where they occurred. It is very easy to navigate through the interactive project, and one of the squares gives you a small tutorial and &#8220;how it works&#8221;.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-434\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-5.25.19-PM-1024x544.png\" alt=\"\" width=\"810\" height=\"430\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-5.25.19-PM-1024x544.png 1024w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-5.25.19-PM-300x159.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-5.25.19-PM-768x408.png 768w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/>The information and data were gathered from online databases, readings on Peabody and the data she gathered, and open source libraries like D3.js, jQuery, and two.js to provide this project with its sources. This project was created with HTML5, CSS, and Javascript. You can easily navigate through the project by scrolling, clicking on the arrows or simply clicking on the main map to the top-left side of the website and choosing the square you&#8217;d like to navigate to. It&#8217;s very interactive and some parts allow you to type out and create a box chart.\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-433\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-5.25.14-PM.png\" alt=\"\" width=\"2545\" height=\"1351\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-5.25.14-PM.png 2545w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-5.25.14-PM-300x159.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-5.25.14-PM-768x408.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/Screen-Shot-2017-10-08-at-5.25.14-PM-1024x544.png 1024w\" sizes=\"auto, (max-width: 2545px) 100vw, 2545px\" \/><\/p>\n<p>This project helped visualize the data with the colorful and interactive grid chart because Elizabeth Peabody&#8217;s goal was to create a more interesting and creative way of visualizing data.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I chose to reverse engineer a digital humanities project called The Shape of History: Reimagining Elizabeth Palmer Peabody&#8217;s Historical Visualization<\/p>\n","protected":false},"author":145,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-428","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\/428","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\/145"}],"replies":[{"embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/comments?post=428"}],"version-history":[{"count":0,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/posts\/428\/revisions"}],"wp:attachment":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/media?parent=428"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/categories?post=428"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/tags?post=428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}