{"id":697,"date":"2017-10-09T13:41:34","date_gmt":"2017-10-09T20:41:34","guid":{"rendered":"http:\/\/miriamposner.com\/classes\/dh101f17\/?p=697"},"modified":"2017-10-09T13:41:34","modified_gmt":"2017-10-09T20:41:34","slug":"reverse-engineer-the-shape-of-history","status":"publish","type":"post","link":"http:\/\/miriamposner.com\/classes\/dh101f17\/2017\/10\/09\/reverse-engineer-the-shape-of-history\/","title":{"rendered":"Reverse Engineer : The Shape of History"},"content":{"rendered":"<p><a href=\"http:\/\/shapeofhistory.net\/#splash\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-751 aligncenter\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-1-300x168.png\" alt=\"\" width=\"300\" height=\"168\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-1-300x168.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-1-768x430.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-1-1024x574.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<hr \/>\n<p><span style=\"font-weight: 400\"><a href=\"http:\/\/shapeofhistory.net\/#splash\">The Shape of History: Remaining Elizabeth Palmer Peabody&#8217;s Historical Visualization Work<\/a> is a website design to help people <\/span><b>understand<\/b><span style=\"font-weight: 400\"> the Elizabeth Palmer Peabody&#8217;s grid chart and use this method to <\/span><b>create<\/b><span style=\"font-weight: 400\"> their own history grids. The creators of the website use modern technologies to make the tutorial of Peabody&#8217;s chart to <\/span><b>demonstrate<\/b><span style=\"font-weight: 400\"> the grid chart step by step, and all viewer will be able to create their historical grid chart eventually.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Elizabeth Palmer Peabody, the nineteenth-century writer, editor, and educator, who had come up with a method to <\/span><b>translate historical events into a grid chart<\/b><span style=\"font-weight: 400\"> which abled her student to clearly visualize and easily memorize these events. Instead of a general timeline, Elizabeth chose to use grid chart that <\/span><b>each grid in a grid chart means one year<\/b><span style=\"font-weight: 400\">, and <\/span><b>one grid chart represents one century<\/b><span style=\"font-weight: 400\">. There are <\/span><b>9 small grids in each one-year based grid with different event keys<\/b><span style=\"font-weight: 400\">, and<\/span><b> different colors of events mean different countries<\/b><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><a href=\"http:\/\/shapeofhistory.net\/#howitworks\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-756 alignleft\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-11-300x231.png\" alt=\"\" width=\"230\" height=\"177\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-11-300x231.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-11-768x591.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-11-1024x789.png 1024w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-11.png 1031w\" sizes=\"auto, (max-width: 230px) 100vw, 230px\" \/><\/a><a href=\"http:\/\/shapeofhistory.net\/#howitworks\">\u00a0\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-757 alignnone\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-12-300x251.png\" alt=\"\" width=\"230\" height=\"192\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-12-300x251.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-12-768x641.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-12.png 953w\" sizes=\"auto, (max-width: 230px) 100vw, 230px\" \/><\/a>\u00a0 \u00a0 \u00a0 \u00a0<a href=\"http:\/\/shapeofhistory.net\/#howitworks\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-758 alignnone\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-13-300x227.png\" alt=\"\" width=\"247\" height=\"187\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-13-300x227.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-13-768x582.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-13-1024x776.png 1024w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-13.png 1036w\" sizes=\"auto, (max-width: 247px) 100vw, 247px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/shapeofhistory.net\/#howitworks\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-759 alignleft\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-14-300x225.png\" alt=\"\" width=\"230\" height=\"172\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-14-300x225.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-14-768x577.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-14-1024x769.png 1024w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-14-880x660.png 880w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-14.png 1048w\" sizes=\"auto, (max-width: 230px) 100vw, 230px\" \/><\/a>\u00a0 \u00a0<a href=\"http:\/\/shapeofhistory.net\/#howitworks\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-760 alignleft\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-15-300x218.png\" alt=\"\" width=\"240\" height=\"175\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-15-300x218.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-15-768x558.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-15-1024x744.png 1024w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-15.png 1080w\" sizes=\"auto, (max-width: 240px) 100vw, 240px\" \/><\/a><a href=\"http:\/\/shapeofhistory.net\/#howitworks\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-817 alignnone\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-16-300x233.png\" alt=\"\" width=\"230\" height=\"179\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-16-300x233.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-16-768x596.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-16.png 1009w\" sizes=\"auto, (max-width: 230px) 100vw, 230px\" \/><\/a><\/p>\n<p><span style=\"text-decoration: underline;font-size: 18pt\"><em><strong>Sources:<\/strong><\/em><\/span><\/p>\n<p><span style=\"font-weight: 400\">The creators used following resources to learn about Elizabeth Palmer Peabody&#8217;s grid chart idea, and they did the comparison with other methods of recording historical events as well.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Bruce Rhonda&#8217;s <a href=\"http:\/\/www.hup.harvard.edu\/catalog.php?isbn=9780674246959\">Elizabeth Palmer Peabody: A Reformer on Her Own Terms<\/a> (Harvard University Press, 1999)&#8211;thorough biography of the subject<\/span><\/p>\n<p><span style=\"font-weight: 400\">Daniel Rosenberg and Anthony Grafton&#8217;s <a href=\"https:\/\/www.papress.com\/html\/book.details.page.tpl?isbn=9781568987637\">Cartographies of Time: A History of the Timeline<\/a> (Princeton Architectural Press, 2010)&#8211;the range of visual representations of history<\/span><\/p>\n<p><span style=\"font-weight: 400\">Elizabeth Palmer Peabody&#8217;s <a href=\"https:\/\/archive.org\/details\/chronologicalhis00peab\">A Chronological History of the United States<\/a> (1856)&#8211;Peabody&#8217;s original textbook.<\/span><\/p>\n<p><span style=\"font-size: 18pt\"><em><span style=\"text-decoration: underline\"><strong>Processes:<\/strong><\/span><\/em><\/span><\/p>\n<p><span style=\"font-weight: 400\">As mentioned on the website, &#8220;The Shape of History&#8221; was created by using <strong>HTML5, CSS, and JavaScript<\/strong>, and also made use of <a href=\"https:\/\/jquery.com\/\">jQuery<\/a>, <a href=\"http:\/\/getbootstrap.com\/\">Bootstrap<\/a>, <a href=\"https:\/\/d3js.org\/\">D3.js<\/a>, and <a href=\"https:\/\/two.js.org\/\">two.js<\/a> from several open-source libraries. These tools helped creators import and combine the data objects, and make connections among related objects, text, and grid charts.<\/span><\/p>\n<p><span style=\"text-decoration: underline;font-size: 18pt\"><strong><em>Presentations:<\/em><\/strong><\/span><\/p>\n<p><span style=\"font-weight: 400\">On this interesting website, there are <\/span><b>arrows<\/b><span style=\"font-weight: 400\"> direct you to the next page include <\/span><b>Learn<\/b><span style=\"font-weight: 400\">, <\/span><b>Explore<\/b><span style=\"font-weight: 400\">, <\/span><b>Compare<\/b><span style=\"font-weight: 400\">, <\/span><b>How it works<\/b><span style=\"font-weight: 400\"> and <\/span><b>Play, <\/b><span style=\"font-weight: 400\">etc. In the Learn session, you will see every historical event <strong>links<\/strong> to one title, one color, and one small grid in the grid chart. They also have the comparison between historical timeline and \u00a0Peabody&#8217;s grid chart. After showing you how the grid chart works, the next page will give you a chance to create your own historical grid chart!<\/span><\/p>\n<p><a href=\"http:\/\/shapeofhistory.net\/#learn\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-752\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-2-300x172.png\" alt=\"\" width=\"360\" height=\"206\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-2-300x172.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-2-768x441.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-2-1024x588.png 1024w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/a>\u00a0 \u00a0\u00a0<a href=\"http:\/\/shapeofhistory.net\/#explore\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-753\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-3-300x173.png\" alt=\"\" width=\"361\" height=\"208\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-3-300x173.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-3-768x442.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-3-1024x589.png 1024w\" sizes=\"auto, (max-width: 361px) 100vw, 361px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/shapeofhistory.net\/#compare\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-754\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-4-300x173.png\" alt=\"\" width=\"361\" height=\"208\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-4-300x173.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-4-768x442.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-4-1024x589.png 1024w\" sizes=\"auto, (max-width: 361px) 100vw, 361px\" \/><\/a>\u00a0 \u00a0\u00a0<a href=\"http:\/\/shapeofhistory.net\/#play\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-755\" src=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-5-300x173.png\" alt=\"\" width=\"361\" height=\"208\" srcset=\"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-5-300x173.png 300w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-5-768x443.png 768w, http:\/\/miriamposner.com\/classes\/dh101f17\/wp-content\/uploads\/sites\/7\/2017\/10\/SH-5-1024x590.png 1024w\" sizes=\"auto, (max-width: 361px) 100vw, 361px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Shape of History: Remaining Elizabeth Palmer Peabody&#8217;s Historical Visualization Work is a website design to help people understand the<\/p>\n","protected":false},"author":164,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-697","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\/697","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\/164"}],"replies":[{"embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/comments?post=697"}],"version-history":[{"count":0,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/posts\/697\/revisions"}],"wp:attachment":[{"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/media?parent=697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/categories?post=697"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/miriamposner.com\/classes\/dh101f17\/wp-json\/wp\/v2\/tags?post=697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}