{"id":10542,"date":"2018-09-12T13:07:13","date_gmt":"2018-09-12T17:07:13","guid":{"rendered":"http:\/\/studentwork.prattsi.org\/infovis\/?p=10542"},"modified":"2019-01-11T00:00:40","modified_gmt":"2019-01-11T05:00:40","slug":"history-of-thematic-mapping-a-timeline","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/labs\/history-of-thematic-mapping-a-timeline\/","title":{"rendered":"History of Thematic Mapping: A Timeline"},"content":{"rendered":"<h1><b>History of Thematic Mapping: A Timeline<\/b><\/h1>\n<p>&nbsp;<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-10543 aligncenter\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/timeline.png?resize=747%2C202\" alt=\"\" width=\"747\" height=\"202\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/timeline.png?resize=300%2C81&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/timeline.png?resize=768%2C209&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/timeline.png?resize=1024%2C278&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/timeline.png?w=1716&amp;ssl=1 1716w\" sizes=\"auto, (max-width: 747px) 100vw, 747px\" \/><\/p>\n<h2><b>Introduction<\/b><\/h2>\n<p>For this lab report I chose to focus on study the milestones in the history of Thematic Mapping. I was particular interested in this part of information visualization because the understanding of \u201clocation intelligence and its applications\u201d across the public has grown a lot, and thematic maps are becoming more essential as a tool.<\/p>\n<p>&nbsp;<\/p>\n<p>What is Thematic Mapping? It is a map that created to display a certain topic or theme. It has many different forms to present such as showing with <a href=\"https:\/\/www.caliper.com\/glossary\/what-is-a-choropleth-map.htm\">choropleth (color)<\/a>, a scaled-symbol, charts, or<a href=\"https:\/\/www.caliper.com\/glossary\/what-is-a-dot-density-map.htm\"> dot-densities<\/a>. \u201cUnlike other reference maps, which tell us where something is, thematic maps tell us how something is.\u201d (5 Popular Thematic Map Types and Techniques for Spatial Data)<\/p>\n<p>&nbsp;<\/p>\n<p>For example as the diagram below which utilizes <a href=\"https:\/\/www.caliper.com\/glossary\/what-is-a-choropleth-map.htm\">choropleth<\/a> color to(Figure 1) to demonstrate the Fast Food Restaurant \u2013 Visit Any (Adults 18+) \u2013 2Q 2014 in the US. .<\/p>\n<p style=\"text-align: center\"><b><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\" wp-image-10545 aligncenter\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/Fast-Food-Visit-Any.png?resize=628%2C416\" alt=\"\" width=\"628\" height=\"416\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/Fast-Food-Visit-Any.png?resize=300%2C199&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/Fast-Food-Visit-Any.png?resize=768%2C508&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/Fast-Food-Visit-Any.png?resize=1024%2C678&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/Fast-Food-Visit-Any.png?w=1493&amp;ssl=1 1493w\" sizes=\"auto, (max-width: 628px) 100vw, 628px\" \/>Figure 1. Fast food Visit by ages\/2014<\/b><\/p>\n<h2><b>Materials<\/b><\/h2>\n<ol>\n<li><a href=\"https:\/\/timeline.knightlab.com\/\">TimelineJS<\/a> \u2013 an open-source tool that enables users to build visually rich, interactive timelines<\/li>\n<li><a href=\"https:\/\/docs.google.com\/spreadsheets\/u\/0\/\">Google Sheets<\/a> \u2013 Used to update content on the timeline<\/li>\n<li><a href=\"http:\/\/www.google.com\">Google Images<\/a> \u2013 Used to find images<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h2><b>Method to Create This Visualization<\/b><\/h2>\n<p>&nbsp;<\/p>\n<p>I went through the brief history of Thematic Mapping, and \u00a0selected the milestones that I wanted to display on my timeline \u2013 starting from 1743-1843, because this century witnessed explosive growth in thematic mapping, at a rate which would not be equalled until modern times. \u00a0Research was conducted through a few websites that were found online in order to make sure all milestones displayed on the timeline are most important.<\/p>\n<p>After selecting the milestones, I searched corresponding media for them, I selected pictures that meaningful enough to present the history.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-10544 aligncenter\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/timelinesheet.png?resize=588%2C294\" alt=\"\" width=\"588\" height=\"294\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/timelinesheet.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/timelinesheet.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/timelinesheet.png?resize=1024%2C511&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/timelinesheet.png?w=1851&amp;ssl=1 1851w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/timelinesheet.png?w=1680 1680w\" sizes=\"auto, (max-width: 588px) 100vw, 588px\" \/><\/p>\n<p>Figure 2: Google Spreadsheets<\/p>\n<p>&nbsp;<\/p>\n<p><b>Results<\/b><\/p>\n<p>The Timeline. can be viewed <a href=\"https:\/\/cdn.knightlab.com\/libs\/timeline3\/latest\/embed\/index.html?source=1wt4gaad9x5K-wjC-1aDRhwWtyq14xlcppbmuFxzeoq0&amp;font=Default&amp;lang=en&amp;initial_zoom=2&amp;height=650\"><strong>HERE<\/strong><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Here is the link to the google sheets template <strong>\u2013<a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1wt4gaad9x5K-wjC-1aDRhwWtyq14xlcppbmuFxzeoq0\/edit?pli=1#gid=0\">HERE<\/a><\/strong><\/p>\n<p>&nbsp;<\/p>\n<p><b>Reflections<\/b><\/p>\n<p>The TimelineJS is very helpful and efficient tool, especially when people wants to show an interactive timeline but don\u2019t have enough time to prototype it. It is very easy to use and publish online. But it has certain disadvantages, such as \u00a0it restricts the user from applying designed layout to the timeline, the image sizes and positions can not be changed easily because of the restrictions.<\/p>\n<p>&nbsp;<\/p>\n<p>In terms of the history of Thematic Mapping, it surprised me that this kind of complicated infographic has been applied since such a long time ago, and on nowadays thematic mapping is very interactive, people can display many different dimensions at once on the map and let it just display the certain topic or theme you want to see, \u00a0which is astonished.<\/p>\n<p>&nbsp;<\/p>\n<p><b>Related posts:<\/b><\/p>\n<h5><b>1. <\/b><a href=\"http:\/\/datavis.ca\/milestones\/index.php?group=1800%2B\">1800-1849: Beginnings of modern data graphics<\/a><\/h5>\n<h5><b>2.\u00a0 <\/b><a href=\"http:\/\/libweb5.princeton.edu\/visual_materials\/maps\/websites\/thematic-maps\/qualitative\/qualitative-thematic-maps2.html\">Quantitative thematic maps<\/a><\/h5>\n<ol start=\"3\">\n<li>\n<h5><b><\/b><a href=\"https:\/\/carto.com\/blog\/popular-thematic-map-types-techniques-spatial-data\/\"> Popular Thematic Map Types and Techniques for Spatial Data<\/a><\/h5>\n<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>History of Thematic Mapping: A Timeline &nbsp; Introduction For this lab report I chose to focus on study the milestones in the history of Thematic Mapping. I was particular interested in this part of information visualization because the understanding of \u201clocation intelligence and its applications\u201d across the public has grown a lot, and thematic maps&hellip;<\/p>\n","protected":false},"author":524,"featured_media":10543,"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":[149,339],"tags":[],"coauthors":[337],"class_list":["post-10542","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-labs","category-timelines"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/09\/timeline.png?fit=1716%2C466&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-2K2","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/10542","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\/524"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=10542"}],"version-history":[{"count":2,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/10542\/revisions"}],"predecessor-version":[{"id":10547,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/10542\/revisions\/10547"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/10543"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=10542"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=10542"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=10542"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=10542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}