Why marks control visual encoding in Tableau - Dashboard Impact

Dashboard Mode - Why marks control visual encoding

Business Question

How do marks control the way data is shown visually in Tableau to help us understand sales performance?

Sample Data

Region	Product	Sales	Profit
East	Chair	300	50
East	Table	200	30
West	Chair	400	70
West	Table	150	20
South	Chair	250	40
South	Table	300	60

Dashboard Components

• KPI Card: Total Sales
  Formula: SUM([Sales]) = 1600
  Description: Shows total sales across all regions and products.
• Bar Chart: Sales by Region
  Marks: Bars
  Encoding: Length of bar = SUM([Sales])
  Description: Visualizes sales totals per region.
• Color Encoding on Bar Chart
  Marks: Color
  Encoding: Color intensity = SUM([Profit])
  Description: Shows profit magnitude by color shade on bars.
• Shape Encoding: Product Type
  Marks: Shape
  Encoding: Different shapes for Chair and Table
  Description: Distinguishes product types visually.
• Tooltip
  Marks: Tooltip
  Encoding: Shows exact Sales and Profit values when hovering over bars.

Dashboard Layout

+----------------------+---------------------+
|      Total Sales      |   Sales by Region   |
|       (KPI Card)      |     (Bar Chart)     |
+----------------------+---------------------+

Interactivity

Filter by Region or Product updates the bar chart and KPI card. Hovering on bars shows tooltips with detailed sales and profit. Color and shape marks update automatically to reflect filtered data.

Self Check

Add a filter for Region = 'East'. Which components update?

• Total Sales KPI updates to show sales only for East region (300 + 200 = 500).
• Bar Chart updates to show bars only for East region.
• Color and shape encoding update to reflect profit and product types for East region.

Key Result

Dashboard showing how marks control visual encoding to display sales and profit by region and product.