{"id":96,"date":"2022-02-14T08:16:10","date_gmt":"2022-02-14T16:16:10","guid":{"rendered":"https:\/\/wp.csusm.edu\/rsheehan\/?p=96"},"modified":"2022-05-22T12:48:41","modified_gmt":"2022-05-22T19:48:41","slug":"creating-interactive-data-visualizations-with-tableau","status":"publish","type":"post","link":"https:\/\/wp.csusm.edu\/rsheehan\/2022\/02\/14\/creating-interactive-data-visualizations-with-tableau\/","title":{"rendered":"Creating Interactive Data Visualizations with Tableau"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Tableau promises an easy to use intuitive data visualization experience for the end user. As this is my first time opening up the program and attempting to use the software, I think my experience will serve as a good example of how accessible the program can be to a novice. I will be attempting to use Tableau to visualize data on colleges. The data includes their location within the United States, date of establishment, and religious sponsorship affiliation.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">While I have never used Tableau before, I am not coming into this experiment completely blind. I have viewed the tutorial <a href=\"https:\/\/cc.csusm.edu\/pluginfile.php\/3471375\/mod_label\/intro\/Ashwin%20Kumar%20-%20A%20Beginners%20Guide%20to%20Maps.mp4\">\u201cA Beginner\u2019s Guide to Maps\u201d<\/a> by Ashwin Kumar from Tableau. The tutorial helps guide you through three different methods of showcasing data across a variety of map types both custom and standard as well as geo-coding the data.<\/span><\/p>\n<p><span style=\"font-weight: 400\">While the tutorial is almost an hour long, it does a good job of walking you through the basics and showcasing the ease of use for Tableau. Because of how well Mr. Kumar presented the material, I fell into the classic novice pitfall. After I finished watching it I thought to myself \u201cThat\u2019s so easy! I am going to master this on my first attempt.\u201d I did not.<\/span><\/p>\n<p><span style=\"font-weight: 400\">The first thing the tutorial has you do is to create a new Tableau book by importing your data. Tableau can use a variety of sources to pull data from\u00a0 including excel, pdf\u2019s, text files, and many more. The data set I began with was in the form of an excel spreadsheet. Once you import the data set you can then choose to pull parts or all of the information from your source. To begin I have just pulled the \u2018orders\u2019 data set as you can see below.<\/span><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-108 size-large aligncenter\" src=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-1024x683.png\" alt=\"\" width=\"640\" height=\"427\" srcset=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-1024x683.png 1024w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-300x200.png 300w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-768x512.png 768w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-1536x1024.png 1536w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-2048x1365.png 2048w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-600x400.png 600w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><span style=\"font-weight: 400\">After learning how to import your data, the tutorial leads you through the creation of a simple map. The key word is \u2018simple\u2019 as the tutorial progressed you began to realize the potential of this program to create highly intricate and interactive maps with a variety of textures and layers. From a simple black and white map to a highly detailed street view, Tableau can do it.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">To create the simple map I was starting with however, was very easy. All I needed to do was drag and drop the \u2018country\u2019 table into the center of the blank sheet. From there the tutorial showed how you could add detail to the map all the way down to the post code level by dragging and dropping items from the \u2018tables\u2019 menu over to the \u2018details\u2019 tab in the \u2018marks\u2019 section. This section also taught me how to create a hierarchy for visualization so that the end user can click through the level of detail they want on the map.<\/span><\/p>\n<p><img decoding=\"async\" class=\"wp-image-99 size-large aligncenter\" src=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-1-1024x683.png\" alt=\"\" width=\"640\" height=\"427\" srcset=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-1-1024x683.png 1024w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-1-300x200.png 300w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-1-768x512.png 768w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-1-1536x1024.png 1536w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-1-2048x1365.png 2048w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-1-600x400.png 600w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><span style=\"font-weight: 400\">The next section began to introduce the concept of data visualization. We dragged and dropped the \u2018profit\u2019 data set onto the \u2018label\u2019 section. Once we had labeled the profit\u2019s, they appeared on the map over the state that they belonged to. That wasn\u2019t very intuitive to look at though, so the tutorial walked us through using color as a visual marker. By dragging profits to the \u2018color\u2019 section, I was able to create a color scale of profit from least to greatest. Because I thought that gold was a good representation of profit, I chose to make my map shift from red to gold.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-100 size-medium\" src=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-2-300x200.png\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-2-300x200.png 300w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-2-1024x683.png 1024w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-2-768x512.png 768w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-2-1536x1024.png 1536w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-2-2048x1365.png 2048w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-2-600x400.png 600w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-101\" src=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-3-300x200.png\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-3-300x200.png 300w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-3-1024x683.png 1024w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-3-768x512.png 768w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-3-1536x1024.png 1536w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-3-2048x1365.png 2048w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-3-600x400.png 600w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><span style=\"font-weight: 400\">The section also walked us through making corrections and changes to the data set from Tableau. You do not need to exit the program to make corrections to your data. The set I was using had misspelled \u2018Delaware\u2019 and to fix it all you need to do is click on the bubble at the bottom of the map labeled \u2018# unknown\u2019 and make the correction.<\/span><\/p>\n<p><span style=\"font-weight: 400\">The final part to this section had me visualize the quantity of sales through the size of circles on the map. Just like everything else in Tableau, that started by dragging the thing you want to visualize to the label of how you want to visualize it. Once we had placed the \u2018quantity\u2019 onto the \u2018size\u2019 label the circles appeared. I played with the size of the circles a bit from the dropdown menu to make it easier to see.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-102 size-large aligncenter\" src=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-4-1024x683.png\" alt=\"\" width=\"640\" height=\"427\" srcset=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-4-1024x683.png 1024w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-4-300x200.png 300w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-4-768x512.png 768w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-4-1536x1024.png 1536w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-4-2048x1365.png 2048w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-4-600x400.png 600w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><span style=\"font-weight: 400\">Part II of the tutorial explained more advanced concepts such as customizing how the map looked, density displays as well as how to keep the map from zooming in and out to keep track of the data being displayed. The dataset we used for this section was \u2018UFO sightings,\u2019 fun!<\/span><\/p>\n<p><span style=\"font-weight: 400\">One of the more useful features in this section was in learning how to change the map type. In order to do that all you have to do is go to the \u2018map\u2019 section in the top toolbar and make your selection. For this section of the tutorial I changed the color of my density mapping to red as I thought it could represent Martians and the tutorial had already beaten me to the punch by using green.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-103 size-large\" src=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-5-1024x683.png\" alt=\"\" width=\"640\" height=\"427\" srcset=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-5-1024x683.png 1024w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-5-300x200.png 300w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-5-768x512.png 768w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-5-1536x1024.png 1536w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-5-2048x1365.png 2048w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-5-600x400.png 600w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Part III takes the skills we learned in I and II and turns everything up a notch. In this section we were looking at the crime in San Francisco. This section showed how, using the map layers function in the toolbar, you can create as much or as little detail as you would like to best visualize your data. In addition, Tableau supports the use of user created maps that can then be imported and serve as the base layer map.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-104 size-large\" src=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-6-1024x683.png\" alt=\"\" width=\"640\" height=\"427\" srcset=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-6-1024x683.png 1024w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-6-300x200.png 300w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-6-768x512.png 768w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-6-1536x1024.png 1536w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-6-2048x1365.png 2048w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-6-600x400.png 600w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><span style=\"font-weight: 400\">An interesting feature that I learned in this section was Tableau\u2019s ability to connect data from multiple sources by using shared features. By taking the district mapping of San Francisco and the police districts, the tutorial demonstrated how you could inter-connect the datasets.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-105 size-large\" src=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-7-1024x683.png\" alt=\"\" width=\"640\" height=\"427\" srcset=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-7-1024x683.png 1024w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-7-300x200.png 300w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-7-768x512.png 768w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-7-1536x1024.png 1536w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-7-2048x1365.png 2048w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-7-600x400.png 600w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><span style=\"font-weight: 400\">We then learned how to use Tableau to create an interactive dashboard that could display the type of crime and the frequency for each district as you click on it. In order to do this, all you need is to drag and drop the worksheets you want to use into a new dashboard. From there, you can click on your map to \u2018use as filter\u2019 and the graph you dropped into the dashboard will start to use the highlightable map to function.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-106 size-large\" src=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-8-1024x683.png\" alt=\"\" width=\"640\" height=\"427\" srcset=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-8-1024x683.png 1024w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-8-300x200.png 300w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-8-768x512.png 768w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-8-1536x1024.png 1536w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-8-2048x1365.png 2048w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-13-8-600x400.png 600w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><span style=\"font-weight: 400\">Part IV was the culmination of everything we had learned up to that point. From the creation and utilization of a custom map to an interactive dashboard with user controlled data visualization, this one had it all. The data set we were working with was a list of Disneyland rides and enjoyment surveys of those rides across 4 different age groups. The goal was to create a filter that would rank the rides from least enjoyable to most for each of the groups. In order to achieve that goal, you need to go to the drop down menu of the \u2018filters\u2019 list and select \u2018single value list.\u2019 That would allow the filters for the data to only show one group at a time.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-110 size-large\" src=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-14-1024x683.png\" alt=\"\" width=\"640\" height=\"427\" srcset=\"https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-14-1024x683.png 1024w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-14-300x200.png 300w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-14-768x512.png 768w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-14-1536x1024.png 1536w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-14-2048x1365.png 2048w, https:\/\/wp.csusm.edu\/rsheehan\/wp-content\/uploads\/sites\/29\/2022\/02\/2022-02-14-600x400.png 600w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><span style=\"font-weight: 400\">With the tutorial completed it was time to move on to the project itself. If you remember from the beginning of this post, the project I had been assigned was the visualization of college data and religious sponsorship. After viewing the tutorial I decided that the best way to show the data was with a single value filter list similar to the Disneyland list I created in part IV. I also changed the base map layer to something that was a little more visually appealing while making the date of establishment for the colleges appear in the information when you hover over their corresponding dot.<\/span><\/p>\n<p><a href=\"https:\/\/public.tableau.com\/views\/CollegeDataVisualizationReligiousSponsorship\/Dashboard1?:language=en-US&amp;:display_count=n&amp;:origin=viz_share_link\">Here is the interactive map<\/a><\/p>\n<p><span style=\"font-weight: 400\">My experience using Tableau has been incredibly positive. Like anything new, there is a learning curve that must be overcome before things start to feel natural. From this limited experience I feel confident enough that I understand the basics of Tableau and I can begin to use it in other applications. Am I a Tableau wizard? No. But the program delivers what it promised, to create an intuitive, user friendly software that can create amazing interactive data sets. Overall, I am very impressed with both the tutorial and the program itself.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tableau promises an easy to use intuitive data visualization experience for the end user. As this is my first time opening up the program and<\/p>\n","protected":false},"author":64,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[1],"tags":[],"class_list":["post-96","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/wp.csusm.edu\/rsheehan\/wp-json\/wp\/v2\/posts\/96","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.csusm.edu\/rsheehan\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.csusm.edu\/rsheehan\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.csusm.edu\/rsheehan\/wp-json\/wp\/v2\/users\/64"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.csusm.edu\/rsheehan\/wp-json\/wp\/v2\/comments?post=96"}],"version-history":[{"count":0,"href":"https:\/\/wp.csusm.edu\/rsheehan\/wp-json\/wp\/v2\/posts\/96\/revisions"}],"wp:attachment":[{"href":"https:\/\/wp.csusm.edu\/rsheehan\/wp-json\/wp\/v2\/media?parent=96"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.csusm.edu\/rsheehan\/wp-json\/wp\/v2\/categories?post=96"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.csusm.edu\/rsheehan\/wp-json\/wp\/v2\/tags?post=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}