Tableau Lesson 3 – Tableau Interface | Dataplexa
Section I — Lesson 3

The Tableau Interface

Every chart, dashboard, and story in Tableau is built inside the same workspace — and once you know every panel, shelf, and card in that workspace, building anything becomes a matter of knowing where to drag.

The Three Screens Inside Tableau

Tableau is organised around three distinct screens, each with its own purpose. You move between them using the tabs at the very bottom of the application window.

1
Data Source Tab

The first screen you land on after connecting to data. It shows a preview of your raw table, lets you join multiple tables, rename fields, and configure your connection before you start building.

2
Worksheet Tab

The main building area. Every individual chart lives on its own worksheet. You drag fields from the Data pane onto shelves and the canvas renders your chart instantly. This is where you will spend most of your time.

3
Dashboard / Story Tab

The assembly area. Once you have multiple worksheets built, you combine them here into a single interactive dashboard or a narrative story presentation. Covered in full in Section V.

The Full Worksheet Interface — Labelled

The Worksheet tab is where all the action happens. Below is a detailed mockup of every major area, each numbered and explained beneath it.

Tableau Desktop — Worksheet Sample - Superstore Data  |  Analytics  |  Map
File Data Worksheet Dashboard Analysis Map Format
1
Tables
▾ Orders
Dimensions
Abc Category
Abc Region
Abc Segment
📅 Order Date
Measures
# Sales
# Profit
# Quantity
2
Filters
3
Columns Category
Rows SUM(Sales)
4
Furniture
Office Supplies
Technology
5
Sheet 1 Sheet 2 + Dashboard 1 Story 1
6
Marks
Bar
Color
Size
Label
Detail
Show Me
📊
📈
🥧
🗺️
7
1
Menu Bar — top-level menus for File, Data, Worksheet, Dashboard, Analysis, Map, and Format. Most actions you need are accessible here as well as through right-click menus.
2
Data Pane — lists every field in your connected dataset. Blue fields are Dimensions, green fields are Measures. You drag fields from here onto shelves to build charts.
3
Filters Shelf — drop any field here to restrict the data shown in the view. Filters do not change your data — they only control what is displayed on screen.
4
Columns and Rows Shelves — the two most important shelves. Fields dropped on Columns define the horizontal axis; fields on Rows define the vertical axis. Every chart starts here.
5
Canvas / View Area — the chart renders here automatically as you drop fields onto shelves. No manual refresh needed — Tableau updates the view instantly with every change.
6
Sheet Tabs — each worksheet, dashboard, and story lives on its own tab at the bottom. Click the + icon to add a new sheet. Right-click a tab to rename, duplicate, or delete it.
7
Marks Card and Show Me Panel — the Marks card controls the visual properties of your chart (colour, size, label, tooltip, detail). Show Me suggests chart types based on the fields currently in your view.

The Marks Card in Detail

The Marks card deserves its own explanation because it is one of the most powerful parts of the interface. Every visual property of a chart is controlled here. Fields dropped onto Marks properties change how your data is encoded visually — not just where it appears on an axis.

🎨 Color

Drop a Dimension here to colour each mark by category. Drop a Measure to create a colour gradient from low to high values.

📐 Size

Drop a Measure here to make marks larger or smaller based on their value. Used heavily in bubble charts and scatter plots.

🏷️ Label

Drop any field here to display its value as a text label directly on or near each mark in the chart.

💬 Tooltip

Controls the information shown when a viewer hovers over a mark. You can customise the tooltip text and add extra fields without showing them on the chart itself.

🔍 Detail

Adds granularity to the view without applying colour or size encoding. Useful for disaggregating data points without changing the visual appearance of the chart.

🔷 Shape

Available on scatter plots and symbol maps. Drop a Dimension here to assign a different shape to each category value.

The Data Pane — Icons and Field Types

Every field in the Data pane carries a small icon that tells you its data type. Learning to read these icons instantly saves a lot of guesswork when troubleshooting why a chart does not look right.

Icon Data Type Example Fields
Abc Text / String Category, Region, Customer Name
# Number (continuous) Sales, Profit, Quantity, Discount
📅 Date or Date & Time Order Date, Ship Date
T|F Boolean (True / False) Returned, Is New Customer
🌐 Geographic role Country, State, Postal Code, City

The colour of the field also tells you whether Tableau treats it as a Dimension or a Measure. Blue fields are Dimensions — they slice and label. Green fields are Measures — they calculate and quantify. You can right-click any field to convert it between the two if Tableau has classified it incorrectly.

The Analytics Pane

Behind the Data pane tab is a second tab called Analytics. Clicking it replaces the field list with a panel of drag-and-drop statistical overlays you can add directly onto any chart:

Trend Line

Adds a linear, polynomial, or exponential trend line to a scatter plot or line chart to show the overall direction of the data.

Reference Line

Draws a horizontal or vertical line at a fixed value, average, median, or custom calculation to give viewers a benchmark for comparison.

Average Line

Automatically calculates and draws the average of the current measure across all marks in the view.

Forecast

Extends a time-series chart forward with Tableau's built-in exponential smoothing forecast model. Requires a date field on the view.

Toolbar Shortcuts to Know

The toolbar sits just below the menu bar. Most beginners ignore it — but knowing these five icons saves significant time across every lesson:

Icon / Action Purpose
↩ Undo Reverses the last action. Tableau supports unlimited undo steps within a session — use it freely.
⟳ Swap Swaps the fields on Columns and Rows shelves in one click — instantly rotates a bar chart from vertical to horizontal.
⊞ Show Me Opens or closes the Show Me panel on the right. Shows which chart types are available based on your current field selection.
🔍 Fit View Adjusts the zoom level of the chart to fit the available canvas space. Options include Fit Width, Fit Height, and Entire View.
⬛ Highlight Enables mark highlighting — clicking a mark in one sheet highlights related marks across other sheets in the same dashboard.
📌 Teacher's Note

The interface can look overwhelming on first view — seven labelled areas all at once. The practical approach is to focus on just two things for now: the Data Pane and the Columns / Rows Shelves. Everything else — Marks card, Filters, Analytics — becomes intuitive once you have built a few charts. From Lesson 8 onward you will use each area repeatedly until the layout feels completely natural. For now, be able to locate and name each area — that is the entire goal of this lesson.

Practice Questions

1. Which card in the Tableau worksheet controls visual properties like colour, size, label, and tooltip?

2. Name the two shelves that define the horizontal and vertical axes of every chart in Tableau.

3. Which pane in Tableau lets you drag and drop trend lines, reference lines, and forecasts directly onto a chart?

Quiz

1. What is the purpose of the Data Source Tab in Tableau?


2. What happens when you drop a field onto the Filters shelf in Tableau?


3. Which toolbar button exchanges the fields on the Columns and Rows shelves in a single click to rotate a chart?


Next up — Lesson 4: Connecting data sources in Tableau — Excel, CSV, and live database connections, all from the Data Source tab you now know well.