{"id":8209,"date":"2017-12-10T22:13:31","date_gmt":"2017-12-11T03:13:31","guid":{"rendered":"http:\/\/research.prattsils.org\/?p=8209"},"modified":"2018-01-06T16:07:28","modified_gmt":"2018-01-06T21:07:28","slug":"empire-sun-never-sets","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/visualization\/empire-sun-never-sets\/","title":{"rendered":"The Empire on Which the Sun Never Sets"},"content":{"rendered":"<p><a href=\"https:\/\/public.tableau.com\/views\/TheBritishEmpireTheEmpireonWhichSunNeverSets\/BritishEmpire?:embed=y&amp;:display_count=yes&amp;publish=yes\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-8210 aligncenter\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/1922-620x375.png?resize=620%2C375\" alt=\"\" width=\"620\" height=\"375\" \/><\/a> <a href=\"https:\/\/public.tableau.com\/shared\/7XYNRYB8Q?:display_count=yes\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-8211 aligncenter\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/2017-620x375.png?resize=620%2C375\" alt=\"\" width=\"620\" height=\"375\" \/><\/a><\/p>\n<p><strong>Introduction<\/strong><\/p>\n<p>Looking back on all my labs for the course I realised my interest focused on geographic data. I explored the evolution of cartography with maps of Jamaica using TimelineJS, visualised World Happiness on a map using Tableau, examined connections between characters and locations from Raiders of the Lost Arc using Gephi, and analysed 2010 New York population and voting using Carto.<\/p>\n<p>For my final, I created a visualisation comparing the British Colonial Empire in 1922 and the British Commonwealth, Dependencies and Overseas Territories of 2017. I chose this topic because as a member of the Commonwealth Realm I find this information interesting. When I first started collecting data for this visualisation I had the goal of creating a motion map showing the rise and decline of the British Empire (see Example 1). I planned on segmenting the Empire into the following time periods: \u201cFirst British Empire\u201d (1583-1783), Rise of the &#8220;Second&#8221; British Empire\u00a0(1783-1815), Britain&#8217;s\u00a0Imperial Century (1815-1914), World Wars (1914-1945), and the decline (1945-1997). However, unable to find or create shapefiles for these years I decided to reduce the data two years 1922 and 2017. At its height, the British Empire was the largest empire in history, often described as \u201cthe empire on which the sun never sets.&#8221; By 1920, it covered a quarter of Earth&#8217;s total land area. After World War II, the process of decolonisation began with the self-determination of peoples. India, the British Empire&#8217;s most valuable and populous possession, gained\u00a0its independence\u00a0in 1947. In 1997, the\u00a0return\u00a0of Hong Kong to China marked for many the end of the Empire. Following independence, many former British colonies joined the\u00a0Commonwealth of Nations, a free association of independent states.<\/p>\n<p>The United Kingdom along with 15 independent countries are a grouping known as Commonwealth Realms. These countries share Queen Elizabeth II as a\u00a0common head of state.<\/p>\n<p><strong>Visualisation Examples<\/strong><\/p>\n<p>For this data, I wanted to create a visualisation that displayed change. I wanted the user to be able to explore the growth and decline of the British Empire. They would be able to see the strategic political and economic spread of the empire and the decline following World War II.<\/p>\n<p>Exmple1: <a href=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/3\/33\/British_Empire_evolution3.gif\">https:\/\/upload.wikimedia.org\/wikipedia\/commons\/3\/33\/British_Empire_evolution3.gif<\/a><\/p>\n\n<p><strong>Materials<\/strong><\/p>\n<p>Software:<\/p>\n<ul>\n<li>TableauPublic<\/li>\n<li>OpenRefine<\/li>\n<\/ul>\n<p>Research Resources:<\/p>\n<ul>\n<li>Google<\/li>\n<li>Wikipedia<\/li>\n<li>TableauPublic<\/li>\n<\/ul>\n<p><strong>Visualisation Process<\/strong><\/p>\n<ol>\n<li>Create dataset<\/li>\n<li>Clean up dataset using OpenRefine<\/li>\n<li>Import data to Tableau Public\n<ol>\n<li>Preview of the dataset will be created<\/li>\n<li>Make any modifications to dataset here<\/li>\n<\/ol>\n<\/li>\n<li>Open first worksheet<\/li>\n<li>Drag and drop fields onto the canvas (white space)<\/li>\n<li>Edit locations\n<ol>\n<li>Many of the locations in my data are unknown to Tableau since they are the colonial names and required manual matching to present day countries<\/li>\n<li>Manually input latitude and longitude for locations not included in Tableau shapefile, however, this only puts a single point and does not shade the entire area<\/li>\n<\/ol>\n<\/li>\n<li>Make aliases\n<ol>\n<li>More than one colony may have been joined to make a present-day country<\/li>\n<li>If more than one colony is designated to a present-day country on the map Tableau only displays one (e.g. Canada and Newfoundland combined into Canada)<\/li>\n<li>For all colony names to be displayed on the pop up on the 1922 map I created aliases [e.g. Canada (1922)(2017), Newfoundland (1922)]<\/li>\n<\/ol>\n<\/li>\n<li>Format the visualisation by dragging and dropping fields onto Marks box:\n<ol>\n<li>Country on Detail<\/li>\n<li>Designation on Colour<\/li>\n<\/ol>\n<\/li>\n<li>Format the visualisation by dragging and dropping fields onto Filters box:\n<ol>\n<li>Year\n<ol>\n<li>Check \u201cshow filter\u201d<\/li>\n<\/ol>\n<\/li>\n<li>Country\n<ol>\n<li>Check \u201cshow highlighter\u201d<\/li>\n<li>Use \u201chighlighter\u201d over \u201cfilter\u201d since the list is so long<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li>Create a dashboard\n<ol>\n<li>Dashboard is not mobile compatible<\/li>\n<\/ol>\n<\/li>\n<li>\u00a0Publish to web\n<ol>\n<li>Share visualisations using embed link or URL link<\/li>\n<li style=\"list-style-type: none\"><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p><strong>Visualisation<\/strong><\/p>\n<p>I created a map visualisation to compare the British Empire in 1922 and the British Commonwealth, Dependencies and Overseas Territories of 2017. At first, I created separate maps for the years and combined them on the dashboard. I thought having the maps separated would be easier for the user to understand, however, combining two maps, legends, and country list on the dashboard was cumbersome. I then combined 1922 and 2017 and used filters.\u00a0The dashboard contains a title, brief explanation of the British Empire, filters (year, designation, country), and the map.<\/p>\n<p><strong>UX Recruitment and Method<\/strong><\/p>\n<p>My users would be interested and\/or have some knowledge of in areas like British Empire, British history, colonisation, political science, or geography. There would no age restriction to my users; however, old users may have trouble navigating the filters.<\/p>\n<p>My user group I tested consisted of varying ages: two between the ages of 25-30 and one from the each of the following ranges, 40-45, 50-55, and 60-65. Four are from Commonwealth Realms and received primary school education in British history, two studied international relations and geography at the undergraduate level, and one studied Comparative Politics in Empires at the graduate level.<\/p>\n<p>The research was conducted remotely and in person. I kept the user testing informal and conversational. I allowed the user time to navigate the visualisation and then moved into an open conversation format.<\/p>\n<p><strong>UX Findings <\/strong><\/p>\n<p>User One (age: 25-30, international relations and geography at the undergraduate level):<\/p>\n<ul>\n<li>Font used for contextual information needs to be larger<\/li>\n<li>Designation colours are too similar<\/li>\n<li>British Colonial Empire designation obscured the others<\/li>\n<\/ul>\n<p>User Two (age: 25-30, from Commonwealth Realms and received primary school education in British history, international relations and geography at the undergraduate level, Comparative Politics in Empires at the graduate level):<\/p>\n<ul>\n<li>Font used for contextual information should be cleaner and larger<\/li>\n<li>Designation colours are too similar<\/li>\n<li>Designation categories should be reduced from three to two by joining British Overseas Territories and Crown Dependencies<\/li>\n<li>Pointed out that the 2017 map was missing the Australia Antarctic Territory and Ross Dependency<\/li>\n<li>When using the Designation filter it removes the other options (on the back end it just shades them out) and to get them back you have to refresh<\/li>\n<\/ul>\n<p>User Three (age: 50-55, from Commonwealth Realms and received primary school education in British history):<\/p>\n<ul>\n<li>Focused on the text<\/li>\n<li>Focused on the text in the pop-ups<\/li>\n<li>Found using Tableau map tools difficult<\/li>\n<\/ul>\n<p>User Four (age 40-45) from Commonwealth Realms and received primary school education in British history):<\/p>\n<ul>\n<li>Focused on the text<\/li>\n<li>Grammar edits<\/li>\n<li>Designation colours are too similar<\/li>\n<\/ul>\n<p>User Five (age 60-65, from Commonwealth Realms and received primary school education in British history):<\/p>\n<ul>\n<li>Focused on the text<\/li>\n<li>Focused on the text in the pop-ups<\/li>\n<li>Would like more navigation instructions<\/li>\n<\/ul>\n<p>Changes made based on the UX research were: designation colours, designation categories, added locations, larger font, clearer font, grammar edits, text edits, and label edits.<\/p>\n<p><strong>Design Choices<\/strong><\/p>\n<p>The British Empire is most commonly coloured on maps in pink. There are two possible reasons why pink became the recognised colour. The original colour associated with the Empire was red, however, printing red on the map made readability difficult. The colour would obscure the names of the countries. As a compromise mapmakers\/printers used pink. A more historical reasoning is that the pink represents the Tudor Rose, the combination of the\u00a0red rose of Lancaster\u00a0and the\u00a0white rose of York.<\/p>\n<p>For clarity, I used dark blue (Commonwealth Realm) and red (British Overseas Territories and Crown Dependencies) to provide a contrast with the pink (British Colonial Empire). I combined British Overseas Territories and Crown Dependencies into one category to keep the filter options and colours at three, as too many colours and options confused the users.<\/p>\n<p>The dashboard offers users three filter options: year, designation and country. The user is free to explore the map using a combination of the filters. Country is provided in the form of a drop-down menu to reduce clutter on the dashboard. Country name and designation are provided to the user as \u201cdetails on demand\u201d by brushing over a selection. Some of the countries (e.g. Cayman Islands) require the use of the zoom feature.<\/p>\n<p><strong>Recommendations<\/strong><\/p>\n<p>Due to limitations in time and skill, I was unable to create the visualisation I imagined.<\/p>\n<p>Revisions for this visualisation include:<\/p>\n<ol>\n<li>Finding or creating accurate shapefiles for a more precise indication of an area on the map. The Tableau shapefile does not recognise some of the areas I needed to identify (e.g. British Antarctic Territory).<\/li>\n<li>When using the \u201cHighlight Country\u201d filter the map does not zoom to the selection so the user still has to manual navigate around the map.<\/li>\n<li>The map opens with North America on the right, which can be disorientating for users.<\/li>\n<li>Be able to create different tooltip text for the two years [e.g. Canada(1922)(2017), Newfoundland (1922)]<\/li>\n<li>Addition of more years for a fuller picture of the growth and decline of the Empire<\/li>\n<li>Create a motion map<\/li>\n<\/ol>\n<div class=\"grammarly-disable-indicator\"><\/div>\n<div class=\"grammarly-disable-indicator\"><\/div>\n<div class=\"grammarly-disable-indicator\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Introduction Looking back on all my labs for the course I realised my interest focused on geographic data. I explored the evolution of cartography with maps of Jamaica using TimelineJS, visualised World Happiness on a map using Tableau, examined connections between characters and locations from Raiders of the Lost Arc using Gephi, and analysed 2010&hellip;<\/p>\n","protected":false},"author":456,"featured_media":8210,"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":[150,1],"tags":[],"coauthors":[],"class_list":["post-8209","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-projects","category-visualization"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-28p","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/8209","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\/456"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=8209"}],"version-history":[{"count":1,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/8209\/revisions"}],"predecessor-version":[{"id":8505,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/8209\/revisions\/8505"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=8209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=8209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=8209"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=8209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}