{"id":11721,"date":"2018-11-28T13:47:47","date_gmt":"2018-11-28T18:47:47","guid":{"rendered":"http:\/\/studentwork.prattsi.org\/infovis\/?p=11721"},"modified":"2019-01-10T21:30:37","modified_gmt":"2019-01-11T02:30:37","slug":"visualization-of-wwi-historic-aerial-bombing","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/labs\/maps\/visualization-of-wwi-historic-aerial-bombing\/","title":{"rendered":"Visualization of WWI Historic Aerial Bombing"},"content":{"rendered":"<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-11765 size-full alignleft\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/6a00d834515f9b69e201a3fca24556970b-800wi.jpg?resize=400%2C313\" alt=\"\" width=\"400\" height=\"313\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/6a00d834515f9b69e201a3fca24556970b-800wi.jpg?w=400&amp;ssl=1 400w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/6a00d834515f9b69e201a3fca24556970b-800wi.jpg?resize=300%2C235&amp;ssl=1 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n<p><strong>Introduction:<\/strong><\/p>\n<p>This is a geographic about the bombing locations of the Allied Powers during WWI between 1915\u00a0 to the end of 1918.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Inspiration\/Dataset:<\/strong><\/p>\n<p>Initially I thought it would be really fun to create a map about fictional worlds like Games of Thrones or Harry Potter, which couldn&#8217;t be done on Carto. Then it occurred to topics around real life wars would be a good alternative.\u00a0 With this idea in mind, I found\u00a0<em><a href=\"https:\/\/data.world\/datamil\/world-war-i-thor-data\">World War I THOR Data<\/a>\u00a0<\/em>on data.world. There&#8217;s a series of geospatial datasets of historic aerial bombings from WWI to Vietnam War. THOR is short for\u00a0Theater History of Operations.<\/p>\n<p>The dataset includes the attacking countries, attacking month and year, attacking locations, weapon weight, bomb load, airplanes attack, etc.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Tool:<\/strong><\/p>\n<ul>\n<li>CARTO &#8220;is a Software as a Service cloud computing platform that provides GIS and web mapping tools for display in a web browser. The company is positioned as a Location Intelligence platform due to tools with an aptitude for data analysis and visualization that do not require previous GIS or development experience&#8221;. [1]<\/li>\n<li>Tablueau<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Method:<\/strong><\/p>\n<ul>\n<li>Choosing the data is the most challenging part for me. First I tried to find an appropriate data on <a href=\"https:\/\/www.data.gov\/\">Data.gov<\/a>, but the dataset available there was mostly too big or not in the right format.<\/li>\n<li>I used two layers for this geographic. One is the WWI bombing locations data, the other is the European Countries data from the Carto Data Library. I wanted to present a clear, simple image of the European countries that were involved in the War, but the basemaps provided by CARTO don&#8217;t have what I want.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11747 size-full\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-28-at-1.14.55-PM.png?resize=840%2C596\" alt=\"\" width=\"840\" height=\"596\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-28-at-1.14.55-PM.png?w=888&amp;ssl=1 888w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-28-at-1.14.55-PM.png?resize=300%2C213&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-28-at-1.14.55-PM.png?resize=768%2C545&amp;ssl=1 768w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/p>\n<p>As seen, the boundaries of the countries are blurry, and the city labels are distracting.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-11750 size-full alignleft\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-28-at-1.19.40-PM.png?resize=454%2C299\" alt=\"\" width=\"454\" height=\"299\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-28-at-1.19.40-PM.png?w=454&amp;ssl=1 454w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-28-at-1.19.40-PM.png?resize=300%2C198&amp;ssl=1 300w\" sizes=\"auto, (max-width: 454px) 100vw, 454px\" \/>\u00a0But with the European Countries layer, the name of the countries are highlighted, major cities were hidden, and I was able to custom color the mainly attacked areas.<\/p>\n<p>But the custom widget coloring is really limiting and confusing on CARTO. Also, I&#8217;ve been experiencing trouble saving the changes that I made. The coloring is always different on the view page.<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>I used animated aggregation for each bombing event based on its time series. I also marked the point color by different attacking countries. In this way, I hope audience could have a grasp of when and where which Allied countries had dropped more bombs. Blue represents the UK, green represents Italy, thus for instance, audience can see in early 1918, the UK and Italy were doing most of the attacking against the Central Powers in the Western Europe.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11757 size-full\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-28-at-12.23.46-PM.png?resize=840%2C462\" alt=\"\" width=\"840\" height=\"462\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-28-at-12.23.46-PM.png?w=1423&amp;ssl=1 1423w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-28-at-12.23.46-PM.png?resize=300%2C165&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-28-at-12.23.46-PM.png?resize=768%2C422&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-28-at-12.23.46-PM.png?resize=1024%2C563&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>I also uses a few category widgets to show the bombing statics of each major attacking countries.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Result:<\/strong><\/p>\n<p>The link to the map:\u00a0<a href=\"https:\/\/savi.carto.com\/u\/oyolim\/builder\/a9453185-85f9-41f9-a782-fa91f7b3408f\/embed\">https:\/\/savi.carto.com\/u\/oyolim\/builder\/a9453185-85f9-41f9-a782-fa91f7b3408f\/embed<\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Reflection:<\/strong><\/p>\n<p>Overall, I like the geographic I&#8217;ve made using CARTO, I think it can give audience a clear and brief idea of the bombing attacking in Western Europe during WWI.\u00a0 But I still have a lot of confusions using CARTO, especially how to customize widget category colors and how to save the changes on the map.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Reference:\u00a0<\/strong><\/p>\n<p>[1]:\u00a0https:\/\/en.wikipedia.org\/wiki\/CartoDB<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Revision:<\/strong><\/p>\n<p>After talking with Seth during class, I made a few changes.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11807 size-full\" style=\"font-size: 1.0625rem\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-28-at-4.05.49-PM.png?resize=840%2C582\" alt=\"\" width=\"840\" height=\"582\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-28-at-4.05.49-PM.png?w=998&amp;ssl=1 998w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-28-at-4.05.49-PM.png?resize=300%2C208&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-28-at-4.05.49-PM.png?resize=768%2C532&amp;ssl=1 768w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/p>\n<p>Instead of coloring each Central Powers areas, I just distinguished the boundaries between two Powers by using grey and white color. Also, the original Central Powers widget was removed and replaced by another legend.<\/p>\n<p>But we still couldn<span style=\"font-size: 1.0625rem\">&#8216;t figure out how to assign different colors to individual category in the widgets so the widget coloring could match with the legend coloring.\u00a0\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction: This is a geographic about the bombing locations of the Allied Powers during WWI between 1915\u00a0 to the end of 1918. &nbsp; Inspiration\/Dataset: Initially I thought it would be really fun to create a map about fictional worlds like Games of Thrones or Harry Potter, which couldn&#8217;t be done on Carto. Then it occurred&hellip;<\/p>\n","protected":false},"author":519,"featured_media":11765,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[341],"tags":[],"coauthors":[338],"class_list":["post-11721","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-maps"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/6a00d834515f9b69e201a3fca24556970b-800wi.jpg?fit=400%2C313&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-333","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/11721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/users\/519"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=11721"}],"version-history":[{"count":4,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/11721\/revisions"}],"predecessor-version":[{"id":11809,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/11721\/revisions\/11809"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/11765"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=11721"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=11721"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=11721"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=11721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}