Building Charts & The Marks Card

Build your first visualizations using bar and line charts. Master the Tableau Marks Card (Color, Size, Label, Tooltip) to highlight performance differences, understand how discrete (blue) vs. continuous (green) fields change Marks Card behavior, and learn to limit labels (e.g., Min/Max only) for clean, readable visualizations.

4 minutesVideo LessonPDF notes

Watch Building Charts & The Marks Card on YouTube

🎯 Free Guest Mode: You are learning for free. Sign in to save your completion progress and quiz answers.

Loading progress...

Key moments

Bar Chart Setup — Connecting to Sample Superstore and creating a basic bar chart with Segment and Profit set to Entire View.
Bar Marks Card Encodings — Applying Profit to Color, Size, Label, and Tooltip on the bar chart to demonstrate visual encoding channels.
Right-Click Drag Dates — Right-click dragging Order Date to select Month aggregation and plotting Profit over time.
Discrete Fields on Marks — Testing discrete measures and dimensions on Color and Detail to partition line charts with and without hues.
Continuous Color on Lines — Applying continuous Profit to Color and Size to create diverging gradients and variable line thickness.
Min / Max Labeling — Cleaning cluttered continuous line chart labels by switching mark label settings to Min / Max only.

PDF notes

Bottom line: You will be able to leverage the Tableau Marks card to encode analytical dimensions and measures into visual channels including Color, Size, Label, Detail, and Tooltip. You will configure both bar and line charts to reveal data patterns such as peaks and troughs while controlling level of detail and eliminating visual clutter using Min/Max label filtering.

This lesson on Building Charts & The Marks Card is hands-on and example-driven. You will be able to leverage the Tableau Marks card to encode analytical dimensions and measures into visual channels including Color, Size, Label, Detail, and Tooltip. You will configure both bar and line charts to reveal data patterns such as peaks and troughs while controlling level of detail and eliminating visual clutter using Min/Max label filtering.

What You'll Be Able To Do

Build bar and line charts by placing dimension and measure pills onto Rows and Columns shelves.
Encode quantitative values using Color and Size on the Marks card to emphasize extrema across marks.
Partition visualization lines using the Detail property without altering categorical color palettes.
Execute a right-click drag of date fields to specify aggregation levels like discrete or continuous Month immediately.
Configure Mark Label settings to display only Min/Max values, reducing visual clutter on dense line charts.

Detailed Concept Walkthrough

1. Visual Encoding Channels on the Marks Card

The Marks card translates underlying data values into pre-attentive visual attributes such as color gradients, mark sizes, text labels, and tooltip metadata without modifying the chart's axis structure.

Mechanism: Dragging a quantitative measure like SUM(Profit) onto Color applies a continuous color ramp, whereas dragging it to Size scales mark thickness relative to the metric value.
Under the Hood: Tableau computes the aggregated measure for every row slice defined by the shelves, normalizes the range, and maps each record to visual coordinate channels in the VizQL rendering engine.
Best Practice: Use visual encodings purposefully; combining Color and Size on the same measure provides redundant encoding that enhances accessibility, but adding unformatted Labels can clutter the view.

// Conceptual VizQL mapping for Bar Chart Marks
Rows:    [Segment]
Columns: SUM([Profit])
Marks:
  Color: SUM([Profit])    // Applies sequential color gradient
  Size:  SUM([Profit])    // Adjusts bar thickness by profit
  Label: SUM([Profit])    // Displays value at mark end

Key Takeaway: The Marks card controls how data points appear visually without changing the fundamental X/Y coordinate grid.

2. Level of Detail: Detail Shelf vs Color Shelf

The Detail and Color shelves both increase the granularity (level of detail) of a view by partitioning marks, but Detail does so without assigning distinct colors.

Mechanism: Dropping a discrete field onto Color splits a single aggregate line into separate lines and assigns a distinct hue to each category from the active categorical palette.
Under the Hood: Tableau adds the discrete field to the GROUP BY clause of the generated query, creating individual mark partitions for each unique dimension member.
Best Practice: Drop discrete fields onto the Detail shelf when you need multiple distinct lines or mark partitions for analysis without introducing distracting color noise.

// Slicing a line chart by a discrete dimension
Rows:    SUM([Profit])
Columns: MONTH([Order Date])
Marks:
  Detail: [Category]      // Creates 3 separate lines with uniform color
  // Color: [Category]   // Alternative: creates 3 separate lines with distinct hues

Key Takeaway: Both Color and Detail partition marks by dimension members, but Detail splits the view without adding color encoding.

3. Continuous Color Gradients and Extrema Labeling

Continuous measures placed on line chart marks generate dynamic color gradients and size variations along the trend, which require targeted label filtering to maintain clarity.

Mechanism: Placing a continuous measure on Color assigns a diverging color palette across the continuous line path, immediately highlighting trend peaks and troughs.
Under the Hood: Tableau interpolates continuous values across line vertices, creating a continuous gradient transition between low and high data points.
Best Practice: To avoid illegible, overlapping text when labeling dense continuous lines, open the Label options and select 'Min / Max' to display labels exclusively at extrema.

// Line chart trend with extrema highlight
Rows:    SUM([Profit])
Columns: MONTH([Order Date])
Marks:
  Color: SUM([Profit])    // Diverging palette highlights peaks/troughs
  Label: SUM([Profit])    // Set Label Mode -> Min / Max in UI

Key Takeaway: Use continuous color ramps to highlight trend extrema and filter marks labels to Min/Max to prevent chart clutter.

4. Date Dimension Aggregation via Right-Click Drag

Right-click dragging a date field into the view allows you to select the exact date aggregation and part/value type prior to query execution.

Mechanism: Right-click dragging (or Option-click dragging on macOS) a date field onto Rows or Columns immediately opens the Drop Field selection dialog containing discrete parts and continuous truncations.
Under the Hood: Bypasses Tableau's default behavior of automatically casting dates to discrete Year (YEAR(Order Date)), saving an extra query cycle and sheet redraw.
Best Practice: Always use right-click drag for date fields when targeting specific intervals like discrete Month (e.g., Month of Order Date) or continuous date values.

// Tableau Date Drop Options (Prompted via Right-Click Drag)
// Option 1: Discrete Date Part
DATEPART('month', [Order Date])   // Returns 'January', 'February', ...
// Option 2: Continuous Date Value
DATETRUNC('month', [Order Date])  // Returns 'Jan 2023', 'Feb 2023', ...

Key Takeaway: Right-click drag date fields to set the desired date aggregation level instantly and avoid default Year hierarchy rollups.

Topics Covered in Building Charts & The Marks Card

Bar Chart Setup (0:00 - 0:25) — Connecting to Sample Superstore and creating a basic bar chart with Segment and Profit set to Entire View.
Bar Marks Card Encodings (0:25 - 0:50) — Applying Profit to Color, Size, Label, and Tooltip on the bar chart to demonstrate visual encoding channels.
Right-Click Drag Dates (0:50 - 1:15) — Right-click dragging Order Date to select Month aggregation and plotting Profit over time.
Discrete Fields on Marks (1:15 - 1:40) — Testing discrete measures and dimensions on Color and Detail to partition line charts with and without hues.
Continuous Color on Lines (1:40 - 2:05) — Applying continuous Profit to Color and Size to create diverging gradients and variable line thickness.
Min / Max Labeling (2:05 - 2:35) — Cleaning cluttered continuous line chart labels by switching mark label settings to Min / Max only.

Reference Cheat Sheet

Color (Discrete) — Partitions marks into distinct categorical colors
```
Marks.Color = [Segment]
```
Color (Continuous) — Applies a sequential or diverging gradient ramp
```
Marks.Color = SUM([Profit])
```
Detail — Increases granularity and partitions marks without color
```
Marks.Detail = [Region]
```
Size (Continuous) — Varies mark thickness or radius quantitatively
```
Marks.Size = SUM([Profit])
```
Label -> Min / Max — Displays text labels only on extrema
```
Marks.Label.Scope = "Min / Max"
```
Tooltip — Exposes underlying field values on hover
```
Marks.Tooltip.Include(SUM([Profit]))
```

Comparison Table

Marks Property	Visual Effect on Line	Level of Detail Impact
Discrete on Color	Multiple distinct colored lines	Increases detail; splits query
Discrete on Detail	Multiple monochrome lines	Increases detail; splits query
Continuous on Color	Single multi-gradient line	Maintains single mark series

Common Pitfalls

Mistake: Dropping continuous measures directly onto Labels on dense line charts. Avoid: Open the Label shelf and switch the label mode to Min / Max.
Mistake: Left-click dragging dates and having Tableau default to discrete Year. Avoid: Right-click drag the date field to choose the aggregation directly.
Mistake: Using Color when you only want to partition marks without visual distraction. Avoid: Place the partitioning dimension onto the Detail shelf instead of Color.

FAQs

What is the primary difference between placing a field on Color versus Detail? Both increase the view's level of detail by splitting marks, but Color assigns distinct palette colors while Detail maintains uniform mark colors.
Why does dragging Profit to Color produce a gradient on lines instead of separate lines? Profit is a continuous measure (green pill), so Tableau applies a quantitative color ramp along the existing line path rather than slicing it into discrete partitions.
How can I show values for only the highest and lowest data points on a line chart? Click the Label card on the Marks card, then under 'Marks to Label', select the 'Min / Max' option.

Common pitfalls

Mistake: Dropping continuous measures directly onto Labels on dense line charts. Avoid: Open the Label shelf and switch the label mode to Min / Max.
Mistake: Left-click dragging dates and having Tableau default to discrete Year. Avoid: Right-click drag the date field to choose the aggregation directly.
Mistake: Using Color when you only want to partition marks without visual distraction. Avoid: Place the partitioning dimension onto the Detail shelf instead of Color.

Hi there. My name's Asha, and I'm a member of the Data School's 42nd cohort at the Information Lab. In this video, I'm going to show you the power of the Marks card, part one. This will help you to understand the basics of Tableau. So, let's jump right into Tableau and get started. I've opened up a new Tableau workbook here, and I'm going to go ahead and connect to the Sample - Superstore inbuilt data set. So, the first thing I want to show you is how the Marks card can affect a bar chart. So, I'm going to get Segment, drag that into Rows, and I'm going to get Profit, and drag that into Columns. I'll set the view to Entire View so we can see what that's doing. And, first thing, I'll drag SUM of Profit into Color. So, now, the darkest color, the segment with the darkest color, is showing um which segment has the highest profit. I can also drag that into Size, and, similarly, we can see that the segment that has the highest profit now has the largest size. I can also drag this into Label, and you'll notice that labels have now appeared at the end of the charts. And, if I only want to see this in the tooltip, I can go ahead, stick it in there, and the profit will show up in the tooltip. So, I'm going to add a new sheet now and show you what happens when we play around with the Marks card, but this time using a line chart. So, I'll grab, let's use Profit again and stick that into Rows, um, and I'll take my Order Date. I'll right-click drag that in. So, now, that gives you an option of what you wanted to aggregate by. I'll go with Month. Um, so, if I take a discrete measure, notice discrete measures are blue, and stick that into Color, we can see now the view is broken up into three different lines, and each of those are colored in differently. I can do I can also drag that into Detail, and, notice, we still have three lines, but they're not colored in differently now. So, let's take that away and look what happens when we bring in a continuous measure instead. So, I can take Profit, that's going to automatically aggregate to a SUM, and stick that into Color. Um, now, you'll notice that Tableau's automatically given us this diverging palette so we can clearly distinguish the peaks and the troughs. I can drag that into Size now. And, um, you'll notice that the months that have the highest profits have the largest size. I can also put that into Label. Uh, that is quite messy. Maybe if I were to click into Label, click onto Min / Max, that's a lot cleaner. So, now, we can clearly see the values of the min and max months. Thank you for watching this video. I hope you now feel more confident using the Marks card in Tableau. Please check the description of this video for links to additional materials you might find useful. If you enjoyed this video, I think you'd absolutely love The Power of the Marks Card Part Two. Click on the thumbnail in the bottom right to watch it next. Subscribe to this channel to get notified when we release new videos.

Frequently asked questions

What is the primary difference between placing a field on Color versus Detail?

Both increase the view's level of detail by splitting marks, but Color assigns distinct palette colors while Detail maintains uniform mark colors.

Why does dragging Profit to Color produce a gradient on lines instead of separate lines?

Profit is a continuous measure (green pill), so Tableau applies a quantitative color ramp along the existing line path rather than slicing it into discrete partitions.

How can I show values for only the highest and lowest data points on a line chart?

Click the Label card on the Marks card, then under 'Marks to Label', select the 'Min / Max' option.

How was this lesson?

Your feedback helps us refine explanations and catch bugs.