{"id":9351,"date":"2018-02-27T08:31:41","date_gmt":"2018-02-27T08:31:41","guid":{"rendered":"https:\/\/data-flair.training\/blogs\/?p=9351"},"modified":"2025-02-28T17:37:21","modified_gmt":"2025-02-28T12:07:21","slug":"tableau-area-chart","status":"publish","type":"post","link":"https:\/\/data-flair.training\/blogs\/tableau-area-chart\/","title":{"rendered":"Tableau Area Chart &#8211; A Guide to Create your First Area Chart"},"content":{"rendered":"<p>In Tableau area chart tutorial, we are going to learn all about an area chart and its use in Tableau. Here, we will start by learning some basics about an area chart and then go into a stepwise process of learning how to create an area chart in Tableau. So, open a blank worksheet on your Tableau software and create your very first area chart with us.<\/p>\n<p><em><strong>Before reading further I recommend you to explore the steps for creating a <a href=\"https:\/\/data-flair.training\/blogs\/tableau-bar-chart\/\">tableau bar\u00a0chart<\/a>.<\/strong><\/em><\/p>\n<h3>What is Tableau Area Chart?<\/h3>\n<p>Area charts in Tableau show relationships between different aspects or dimensions in a data set. This relationship is shown as the proportion of totals or percentage of certain data values. The comparison between different dimensions and values can be made by analyzing the area under each line and how does it vary with time.<\/p>\n<p>There are two types of area charts in Tableau; <em>Continuous Area Chart<\/em> and <em>Discrete Area Chart<\/em>. A continuous area chart does not have individual values and hence is always measured. On the other hand, in a discrete area chart, individual values of a category are taken and hence are always counted.<\/p>\n<p>Before we start creating the area chart, make sure you have the basic requirements in your data source as given below.<\/p>\n<ul>\n<li><strong>Mark type\u00a0<\/strong>&#8211; Area<\/li>\n<li><strong>Columns shelf\u00a0<\/strong>&#8211; Dimension<\/li>\n<li><strong>Rows shelf\u00a0<\/strong>&#8211; Measure<\/li>\n<li><strong>Color\u00a0<\/strong>&#8211; Dimension<\/li>\n<li><strong>Detail\u00a0<\/strong>&#8211; Dimension (optional)<\/li>\n<\/ul>\n<h3>How to Create a Tableau Area Chart?<\/h3>\n<p>Let us learn here how to create an area chart in Tableau Desktop. Open Tableau Desktop in your system and follow the steps given below to create a Tableau area chart. Make sure that you have already set a connection with your preferred data source.<\/p>\n<h4>Step 1: Open Visualization Pane in Tableau<\/h4>\n<p>Open a new sheet in a Tableau workbook. Here, on the left side, you\u2019ll find a list of the dimensions and measures from the connected <a href=\"https:\/\/data-flair.training\/blogs\/tableau-data-sources\/\"><em><strong>data source<\/strong><\/em><\/a>. At the right-most side, we have a visualization pane. You can hide or show this pane by clicking on the <strong>Show Me<\/strong> option. In this pane, you\u2019ll find two options for area charts that is<strong>\u00a0Area charts (Continuous)<\/strong> and <strong>Area charts (Discrete).<\/strong><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/two-area-charts-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72531 size-full aligncenter\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/two-area-charts-1.png\" alt=\"create tableau area chart\" width=\"1920\" height=\"1030\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/two-area-charts-1.png 1920w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/two-area-charts-1-150x80.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/two-area-charts-1-300x161.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/two-area-charts-1-768x412.png 768w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/two-area-charts-1-1024x549.png 1024w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/two-area-charts-1-520x279.png 520w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<h4>Step 2: Select Area Chart in Visualization Pane<\/h4>\n<p>As we know, Tableau recommends using a date field for making an area chart. So, we start by dragging a date dimension to the <strong>Columns<\/strong> section. Go to the visualization pane and select <strong>Area charts (Continuous)<\/strong> option in case it is not selected.<\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/date-dimension-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72532 size-full aligncenter\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/date-dimension-1.png\" alt=\"tableau area chart - visualization pane\" width=\"1920\" height=\"1030\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/date-dimension-1.png 1920w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/date-dimension-1-150x80.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/date-dimension-1-300x161.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/date-dimension-1-768x412.png 768w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/date-dimension-1-1024x549.png 1024w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/date-dimension-1-520x279.png 520w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<h4>Step 3: Add Measure<\/h4>\n<p>Next, we\u2019ll drag and add one measure (Sales) to the <strong>Rows<\/strong> section.<a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/add-measure-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72534 size-full aligncenter\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/add-measure-1.png\" alt=\"add measures in tableau area chart\" width=\"1920\" height=\"1030\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/add-measure-1.png 1920w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/add-measure-1-150x80.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/add-measure-1-300x161.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/add-measure-1-768x412.png 768w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/add-measure-1-1024x549.png 1024w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/add-measure-1-520x279.png 520w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<h4>Step 4: Add Dimensions to the Colors Box<\/h4>\n<p>Now, we\u2019ll add one more dimension (Category) to the <strong>Colors<\/strong> box of the <strong>Marks<\/strong> pane. This will add category-wise colors into the chart and represent each category with distinct colors.<a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/add-color-dimension-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72535 size-full aligncenter\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/add-color-dimension-1.png\" alt=\"add dimensions to tableau area chart\" width=\"1920\" height=\"1030\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/add-color-dimension-1.png 1920w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/add-color-dimension-1-150x80.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/add-color-dimension-1-300x161.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/add-color-dimension-1-768x412.png 768w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/add-color-dimension-1-1024x549.png 1024w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/add-color-dimension-1-520x279.png 520w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<h4>Step 5: Basic Area Chart Creation<\/h4>\n<p>This creates a basic area chart where the chart is divided into three color zones of three categories which are Cameras, Laptops, and Mobile Phones. The x-axis or column axis shows four years that is 2016 to 2019. Whereas, the y-axis or row axis shows the scale for total sales.<\/p>\n<p>This area chart shows the total sales for three categories of products indicated by blue (<em>Cameras<\/em>), yellow (<em>Laptops<\/em>) and red (<em>Mobile<\/em> <em>Phones<\/em>) over a period of four years.<a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/area-chart-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72536 size-full aligncenter\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/area-chart-1.png\" alt=\"basic tableau area chart\" width=\"1920\" height=\"1030\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/area-chart-1.png 1920w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/area-chart-1-150x80.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/area-chart-1-300x161.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/area-chart-1-768x412.png 768w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/area-chart-1-1024x549.png 1024w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/area-chart-1-520x279.png 520w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<h4>Step 6: Make Basic Area Chart more Detailed One<\/h4>\n<p>We can also make this simple area chart in<a href=\"https:\/\/www.tableau.com\/\">\u00a0Tableau<\/a> a more detailed one by adding another dimension (<em>Sub-category<\/em>) into the<strong> Details<\/strong> box in <strong>Marks<\/strong> pane. This will add thin lines of sub-category items like OnePlus, iPhone, Samsung, etc. in the category of Mobile Phones to give a detailed visual representation of sales data. Hover your cursor on the area segments to read the details pertaining to it.<a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/detailed-area-chart-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72537 size-full aligncenter\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/detailed-area-chart-1.png\" alt=\"detailed tableau area chart\" width=\"1920\" height=\"1030\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/detailed-area-chart-1.png 1920w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/detailed-area-chart-1-150x80.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/detailed-area-chart-1-300x161.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/detailed-area-chart-1-768x412.png 768w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/detailed-area-chart-1-1024x549.png 1024w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/detailed-area-chart-1-520x279.png 520w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<h4>Step 7: View Discrete Area Chart<\/h4>\n<p>Now, let us also have a look at how does the other type of area chart that is, the discrete area chart. For this, we go to the visualization pane again and select the <strong>Area charts (discrete)<\/strong> option.<a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/select-discrete-area-chart-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72538 size-full aligncenter\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/select-discrete-area-chart-1.png\" alt=\"discrete tableau area chart\" width=\"1920\" height=\"1030\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/select-discrete-area-chart-1.png 1920w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/select-discrete-area-chart-1-150x80.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/select-discrete-area-chart-1-300x161.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/select-discrete-area-chart-1-768x412.png 768w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/select-discrete-area-chart-1-1024x549.png 1024w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/select-discrete-area-chart-1-520x279.png 520w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<h4>Step 8: Conversion of Continuous Area Chart into Discrete Area Chart<\/h4>\n<p>This will instantly change out the continuous type area chart into a discrete type. As you can see in the screenshot attached below, the discrete area chart divides the chart space into three sections and show separate charts for the three categories.<a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/Discrete-area-chart-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72539 size-full aligncenter\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/Discrete-area-chart-1.png\" alt=\"continuous and discrete area chart conversion\" width=\"1920\" height=\"1030\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/Discrete-area-chart-1.png 1920w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/Discrete-area-chart-1-150x80.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/Discrete-area-chart-1-300x161.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/Discrete-area-chart-1-768x412.png 768w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/Discrete-area-chart-1-1024x549.png 1024w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/Discrete-area-chart-1-520x279.png 520w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<h3>Summary<\/h3>\n<p>In this tutorial, we learned the process of creating a Tableau area chart. We hope understand the process in easy manner.<\/p>\n<p><em><strong>Check out the steps of creating a <a href=\"https:\/\/data-flair.training\/blogs\/tableau-stacked-bar-chart\/\">stacked bar chart in tableau<\/a> with examples.<\/strong><\/em><\/p>\n<p>Do share your rating on Google if you liked the article.<\/p>\n<p>Happy Learning\ud83d\ude03<span hidden class=\"__iawmlf-post-loop-links\" data-iawmlf-links=\"[{&quot;id&quot;:1340,&quot;href&quot;:&quot;https:\\\/\\\/www.tableau.com&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20251011220932\\\/https:\\\/\\\/www.tableau.com\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-12-09 04:56:29&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2025-12-12 05:54:33&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2025-12-15 09:38:42&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2025-12-18 11:33:03&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2025-12-22 02:53:30&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2025-12-25 05:43:53&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2025-12-28 08:05:10&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2025-12-31 18:12:46&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-01-04 00:37:52&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-01-07 00:56:48&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-01-10 01:05:11&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-01-13 01:19:19&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-01-16 05:28:03&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-01-19 07:47:50&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-01-22 08:55:43&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-01-25 14:20:28&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-01-28 20:21:36&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-01 13:25:01&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-04 14:16:24&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-07 16:54:23&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-10 19:08:09&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-14 11:01:12&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-17 11:46:44&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-20 14:32:58&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-23 14:56:07&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-26 15:46:36&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-01 21:00:46&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-05 05:29:05&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-08 11:56:18&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-11 20:34:14&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-15 02:07:53&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-18 02:13:43&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-21 21:13:56&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-25 11:11:04&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-28 11:24:56&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-31 12:19:54&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-04-03 14:47:47&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-04-06 16:53:53&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-04-10 01:53:19&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-04-13 07:40:28&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-04-16 08:06:26&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-04-19 10:34:52&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-04-22 12:30:18&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-04-25 15:35:29&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-04-29 02:15:50&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-05-03 09:39:00&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-05-06 10:20:46&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-05-09 14:35:09&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-05-12 16:37:49&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-05-15 21:25:47&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-05-19 03:42:50&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-05-22 04:22:01&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-05-25 13:18:58&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-05-28 18:22:32&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-05-31 23:12:46&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-06-04 03:18:35&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-06-07 06:15:13&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-06-10 15:35:48&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-06-14 05:38:13&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-06-17 07:13:28&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-06-20 10:13:44&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-06-23 13:26:24&quot;,&quot;http_code&quot;:403}],&quot;broken&quot;:true,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-06-23 13:26:24&quot;,&quot;http_code&quot;:403},&quot;process&quot;:&quot;done&quot;}]\"><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Tableau area chart tutorial, we are going to learn all about an area chart and its use in Tableau. Here, we will start by learning some basics about an area chart and then&#46;&#46;&#46;<\/p>\n","protected":false},"author":5,"featured_media":72562,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[21689,21422,21687,21690,14156,21688],"class_list":["post-9351","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tableau","tag-continuous-area-chart","tag-conversion-of-area-chart","tag-create-tableau-area-chart","tag-discrete-area-chart","tag-tableau-area-chart","tag-visualization-pane"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tableau Area Chart - A Guide to Create your First Area Chart - DataFlair<\/title>\n<meta name=\"description\" content=\"Tableau area chart - Learn to create your own area chart in tableau with just following the 8 simple steps. Also learn what is area chart and its use.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/data-flair.training\/blogs\/tableau-area-chart\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tableau Area Chart - A Guide to Create your First Area Chart - DataFlair\" \/>\n<meta property=\"og:description\" content=\"Tableau area chart - Learn to create your own area chart in tableau with just following the 8 simple steps. Also learn what is area chart and its use.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/data-flair.training\/blogs\/tableau-area-chart\/\" \/>\n<meta property=\"og:site_name\" content=\"DataFlair\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataFlairWS\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-27T08:31:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-28T12:07:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/tableau-area-chart.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"802\" \/>\n\t<meta property=\"og:image:height\" content=\"420\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"DataFlair Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:site\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DataFlair Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tableau Area Chart - A Guide to Create your First Area Chart - DataFlair","description":"Tableau area chart - Learn to create your own area chart in tableau with just following the 8 simple steps. Also learn what is area chart and its use.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/data-flair.training\/blogs\/tableau-area-chart\/","og_locale":"en_US","og_type":"article","og_title":"Tableau Area Chart - A Guide to Create your First Area Chart - DataFlair","og_description":"Tableau area chart - Learn to create your own area chart in tableau with just following the 8 simple steps. Also learn what is area chart and its use.","og_url":"https:\/\/data-flair.training\/blogs\/tableau-area-chart\/","og_site_name":"DataFlair","article_publisher":"https:\/\/www.facebook.com\/DataFlairWS\/","article_published_time":"2018-02-27T08:31:41+00:00","article_modified_time":"2025-02-28T12:07:21+00:00","og_image":[{"width":802,"height":420,"url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/tableau-area-chart.jpg","type":"image\/jpeg"}],"author":"DataFlair Team","twitter_card":"summary_large_image","twitter_creator":"@DataFlairWS","twitter_site":"@DataFlairWS","twitter_misc":{"Written by":"DataFlair Team","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/data-flair.training\/blogs\/tableau-area-chart\/#article","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/tableau-area-chart\/"},"author":{"name":"DataFlair Team","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/7f83c342f5d1632d6f7b4b0b0f447823"},"headline":"Tableau Area Chart &#8211; A Guide to Create your First Area Chart","datePublished":"2018-02-27T08:31:41+00:00","dateModified":"2025-02-28T12:07:21+00:00","mainEntityOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/tableau-area-chart\/"},"wordCount":779,"commentCount":0,"publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/tableau-area-chart\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/tableau-area-chart.jpg","keywords":["Continuous Area Chart","conversion of area chart","create tableau area chart","Discrete Area Chart","Tableau Area Chart","visualization pane"],"articleSection":["Tableau Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/data-flair.training\/blogs\/tableau-area-chart\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/data-flair.training\/blogs\/tableau-area-chart\/","url":"https:\/\/data-flair.training\/blogs\/tableau-area-chart\/","name":"Tableau Area Chart - A Guide to Create your First Area Chart - DataFlair","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/tableau-area-chart\/#primaryimage"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/tableau-area-chart\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/tableau-area-chart.jpg","datePublished":"2018-02-27T08:31:41+00:00","dateModified":"2025-02-28T12:07:21+00:00","description":"Tableau area chart - Learn to create your own area chart in tableau with just following the 8 simple steps. Also learn what is area chart and its use.","breadcrumb":{"@id":"https:\/\/data-flair.training\/blogs\/tableau-area-chart\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/data-flair.training\/blogs\/tableau-area-chart\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/tableau-area-chart\/#primaryimage","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/tableau-area-chart.jpg","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/11\/tableau-area-chart.jpg","width":802,"height":420,"caption":"how to build tableau area chart"},{"@type":"BreadcrumbList","@id":"https:\/\/data-flair.training\/blogs\/tableau-area-chart\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog Home","item":"https:\/\/data-flair.training\/blogs\/"},{"@type":"ListItem","position":2,"name":"Tableau Tutorials","item":"https:\/\/data-flair.training\/blogs\/category\/tableau\/"},{"@type":"ListItem","position":3,"name":"Tableau Area Chart &#8211; A Guide to Create your First Area Chart"}]},{"@type":"WebSite","@id":"https:\/\/data-flair.training\/blogs\/#website","url":"https:\/\/data-flair.training\/blogs\/","name":"DataFlair","description":"Learn Today. Lead Tomorrow.","publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/data-flair.training\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/data-flair.training\/blogs\/#organization","name":"DataFlair","url":"https:\/\/data-flair.training\/blogs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","width":106,"height":48,"caption":"DataFlair"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataFlairWS\/","https:\/\/x.com\/DataFlairWS","https:\/\/www.linkedin.com\/company\/dataflair-web-services-pvt-ltd\/","https:\/\/www.youtube.com\/user\/DataFlairWS"]},{"@type":"Person","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/7f83c342f5d1632d6f7b4b0b0f447823","name":"DataFlair Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/4cf3a74600d131330b8c481d519afd1574093ed89f6d3396a95393ad223eb7cd?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4cf3a74600d131330b8c481d519afd1574093ed89f6d3396a95393ad223eb7cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4cf3a74600d131330b8c481d519afd1574093ed89f6d3396a95393ad223eb7cd?s=96&d=mm&r=g","caption":"DataFlair Team"},"description":"DataFlair Team creates expert-level guides on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. Our goal is to empower learners with easy-to-understand content. Explore our resources for career growth and practical learning.","url":"https:\/\/data-flair.training\/blogs\/author\/dfteam1\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/9351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/comments?post=9351"}],"version-history":[{"count":7,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/9351\/revisions"}],"predecessor-version":[{"id":144326,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/9351\/revisions\/144326"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media\/72562"}],"wp:attachment":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media?parent=9351"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/categories?post=9351"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/tags?post=9351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}