<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/"
    xmlns:atom="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/" version="2.0">
    <channel>
        
        <title>
            <![CDATA[ tableu - freeCodeCamp.org ]]>
        </title>
        <description>
            <![CDATA[ Browse thousands of programming tutorials written by experts. Learn Web Development, Data Science, DevOps, Security, and get developer career advice. ]]>
        </description>
        <link>https://www.freecodecamp.org/news/</link>
        <image>
            <url>https://cdn.freecodecamp.org/universal/favicons/favicon.png</url>
            <title>
                <![CDATA[ tableu - freeCodeCamp.org ]]>
            </title>
            <link>https://www.freecodecamp.org/news/</link>
        </image>
        <generator>Eleventy</generator>
        <lastBuildDate>Mon, 25 May 2026 05:06:54 +0000</lastBuildDate>
        <atom:link href="https://www.freecodecamp.org/news/tag/tableu/rss.xml" rel="self" type="application/rss+xml" />
        <ttl>60</ttl>
        
            <item>
                <title>
                    <![CDATA[ How to Build a Custom Map Visualization in Tableau ]]>
                </title>
                <description>
                    <![CDATA[ By Clark Jason Ngo Sometime last year, I got fascinated with bubble charts when I saw a data visualization video, Han's Rosling's 200 Countries, 200 Years, 4 Minutes - The Joy of Stats from BBC. Data Visualization used as an effective communication ... ]]>
                </description>
                <link>https://www.freecodecamp.org/news/cjn-how-to-build-custom-map-visualization-in-tableau/</link>
                <guid isPermaLink="false">66d45e08680e33282da25e5b</guid>
                
                    <category>
                        <![CDATA[ data ]]>
                    </category>
                
                    <category>
                        <![CDATA[ data visualization ]]>
                    </category>
                
                    <category>
                        <![CDATA[ excel ]]>
                    </category>
                
                    <category>
                        <![CDATA[ tableu ]]>
                    </category>
                
                <dc:creator>
                    <![CDATA[ freeCodeCamp ]]>
                </dc:creator>
                <pubDate>Fri, 11 Oct 2019 18:52:50 +0000</pubDate>
                <media:content url="https://www.freecodecamp.org/news/content/images/2019/08/NBA_injuries_Tableau.png" medium="image" />
                <content:encoded>
                    <![CDATA[ <p>By Clark Jason Ngo</p>
<p>Sometime last year, I got fascinated with bubble charts when I saw a data visualization video, <a target="_blank" href="https://www.youtube.com/watch?v=jbkSRLYSojo">Han's Rosling's 200 Countries, 200 Years, 4 Minutes - The Joy of Stats from BBC</a>.</p>
<p><img src="https://www.freecodecamp.org/news/content/images/2019/10/image-34.png" alt="Image" width="600" height="400" loading="lazy">
<em>Data Visualization used as an effective communication tool! Awesome!</em></p>
<h3 id="heading-what-are-bubble-charts">What are bubble charts?</h3>
<blockquote>
<p>"A bubble chart is a type of chart that displays three dimensions of data. Each entity with its triplet of associated data is plotted as a disk that expresses two of the values through the disk's xy location and the third through its size." <a target="_blank" href="https://en.wikipedia.org/wiki/Bubble_chart">Wikipedia</a></p>
</blockquote>
<p><img src="https://www.freecodecamp.org/news/content/images/2019/08/image-12.png" alt="Image" width="600" height="400" loading="lazy">
<em>An example of Bubble Chart</em></p>
<p>Last January 2019, I was checking Tableau Desktop, a data visualization software, and their basic tutorials included a heat map of the United States.</p>
<p><img src="https://www.freecodecamp.org/news/content/images/2019/08/image-13.png" alt="Image" width="600" height="400" loading="lazy"></p>
<h3 id="heading-what-are-heat-maps">What are heat maps?</h3>
<blockquote>
<p>"A heat map is a graphical representation of data where the individual values contained in a matrix are represented as colors. "Heat map" is a newer term but shading matrices have existed for over a century."<a target="_blank" href="https://en.wikipedia.org/wiki/Heat_map">Wikipedia</a></p>
</blockquote>
<p>While going through the Tableau tutorial, I remembered the bubble charts and started looking for an inspiration. I was googling for image silhouettes and got the result below:</p>
<p><img src="https://www.freecodecamp.org/news/content/images/2019/08/image-14.png" alt="Image" width="600" height="400" loading="lazy"></p>
<p>This led to my short data visualization experiment. I looked for a dataset and found NBA Injuries from 2010-2018, on <a target="_blank" href="https://www.kaggle.com/ghopkins/nba-injuries-2010-2018">Kaggle</a> . I modified the dataset to make it simple to use.</p>
<p>I ended up giving up on using Tableau and creating my own data visualization in Microsoft Powerpoint. Still, my friends were amazed and thought that I used a data visualization tool. </p>
<p><img src="https://www.freecodecamp.org/news/content/images/2019/08/image.png" alt="Image" width="600" height="400" loading="lazy">
<em>Created with Microsoft Powerpoint</em></p>
<p>Fast track to August 2019, I returned to studying the Tableu tutorial. Just look at the result below! =)</p>
<p><img src="https://www.freecodecamp.org/news/content/images/2019/08/image-1.png" alt="Image" width="600" height="400" loading="lazy">
<em>Created with Tableau</em></p>
<h2 id="heading-how-did-i-do-it">How did I do it?</h2>
<p>I used Excel, Tableu, and a little bit of creativity.</p>
<p>Feel free to follow along and create the same dataset and visualization.</p>
<p><strong>Steps</strong></p>
<ol>
<li>Create an Excel file. Column B and Column C will serve as the location on the X-axis and Y-axis of an item in Tableau. Count represents how many players had a particular injury from 2010 to 2018.</li>
</ol>
<p><img src="https://www.freecodecamp.org/news/content/images/2019/08/image-8.png" alt="Image" width="600" height="400" loading="lazy"></p>
<ol start="2">
<li><p>Download Tableau Desktop <a target="_blank" href="https://www.tableau.com/">here</a>.</p>
</li>
<li><p>Open the Tableau Desktop App</p>
</li>
<li><p>Click <strong>Connect To a File</strong> &gt;  <strong>Microsoft Excel</strong></p>
</li>
</ol>
<p><img src="https://www.freecodecamp.org/news/content/images/2019/08/image-2.png" alt="Image" width="600" height="400" loading="lazy"></p>
<ol start="4">
<li>Drag a Sheet from the left pane to the right pane </li>
</ol>
<p><img src="https://www.freecodecamp.org/news/content/images/2019/08/image-3.png" alt="Image" width="600" height="400" loading="lazy"></p>
<ol start="5">
<li>At the bottom, click the Sheet.</li>
</ol>
<p><img src="https://www.freecodecamp.org/news/content/images/2019/08/image-4.png" alt="Image" width="600" height="400" loading="lazy"></p>
<ol start="6">
<li>At the menu, click <strong>Background Images</strong> &gt; <strong>Sheet</strong></li>
</ol>
<p><img src="https://www.freecodecamp.org/news/content/images/2019/08/image-5.png" alt="Image" width="600" height="400" loading="lazy"></p>
<p>7 . Click <strong>Add Image</strong></p>
<p><img src="https://www.freecodecamp.org/news/content/images/2019/08/image-6.png" alt="Image" width="600" height="400" loading="lazy"></p>
<ol start="8">
<li>Browse for an image and set X Field: Right to 500 and Y Field: Top to 500.</li>
</ol>
<p><img src="https://www.freecodecamp.org/news/content/images/2019/08/image-7.png" alt="Image" width="600" height="400" loading="lazy"></p>
<ol start="9">
<li>In Columns and Rows, add <strong>SUM(X)</strong> and <strong>SUM(Y)</strong>, respectively.</li>
</ol>
<p><img src="https://www.freecodecamp.org/news/content/images/2019/08/image-9.png" alt="Image" width="600" height="400" loading="lazy"></p>
<ol start="10">
<li>For Marks, add <strong>SUM(COUNT)</strong> in Color, <strong>SUM(Count)</strong> in Size, and <strong>Position</strong> in Label.</li>
</ol>
<p><img src="https://www.freecodecamp.org/news/content/images/2019/08/image-10.png" alt="Image" width="600" height="400" loading="lazy"></p>
<p>Tableau will then generate this visualization for you:</p>
<p><img src="https://www.freecodecamp.org/news/content/images/2019/08/image-11.png" alt="Image" width="600" height="400" loading="lazy"></p>
<p>One of the super powers of data visualization is processing the data and understanding it by just looking at the image. With this visualization, I can communicate to you clearly and easily that <strong>ankle</strong> and <strong>knee</strong> injuries are the most common sports injuries for an NBA player, and <strong>dizziness</strong> and <strong>nose</strong> injuries are the least common.</p>
<p>Voila! Hope you enjoyed this simple experiment =)</p>
 ]]>
                </content:encoded>
            </item>
        
    </channel>
</rss>
