Boolean operations (union, subtract, intersect, exclude) in Figma - Dashboard Guide

Dashboard Mode - Boolean operations (union, subtract, intersect, exclude)

Business Question

How can we visually combine and compare different sales regions using Boolean operations to understand overlaps and unique areas?

Sample Data: Sales Regions Overlap

Region	Sales (in $1000)	Area Covered (sq km)
North	120	300
East	150	250
South	100	200
West	130	280
North-East Overlap	50	80
South-West Overlap	40	70

Dashboard Components

• KPI Card: Total Sales
  Formula: Sum of all sales including overlaps
  Result: 120 + 150 + 100 + 130 + 50 + 40 = 590 (in $1000)
• Venn Diagram Visual
  Shows regions as circles:
  - Union: Combined area of North and East (North + East - Overlap)
  - Subtract: North area excluding overlap with East
  - Intersect: Overlap area between North and East
  - Exclude: Areas outside both North and East
  Values:
  North = 300 sq km
  East = 250 sq km
  Overlap (Intersect) = 80 sq km
• Bar Chart: Sales by Region
  Bars for North, East, South, West, and Overlaps
  Shows sales values for each region and overlap
• Table: Boolean Operation Results
  Columns: Operation, Area (sq km)
  Rows:
  - Union (North ∪ East): 300 + 250 - 80 = 470
  - Subtract (North - East): 300 - 80 = 220
  - Intersect (North ∩ East): 80
  - Exclude (Outside North and East): Total area (assumed 1000) - Union = 530

Dashboard Layout

+----------------------+----------------------+
|      KPI Card        |     Bar Chart        |
|   Total Sales: 590   | Sales by Region      |
+----------------------+----------------------+
|                  Venn Diagram                |
|          (Union, Subtract, Intersect)        |
+---------------------------------------------+
|          Table: Boolean Operation Results    |
+---------------------------------------------+

Interactivity

User can select regions (North, East) using checkboxes. Selecting/deselecting updates:

• KPI Card recalculates total sales for selected regions and overlaps.
• Venn Diagram updates to show Boolean operations for selected regions.
• Bar Chart filters to show sales only for selected regions and overlaps.
• Table recalculates areas based on selected regions and their overlaps.

Self Check

If you add a filter to select only the North region, which components update and how?

• KPI Card: Shows sales for North plus overlaps involving North (120 + 50 = 170).
• Venn Diagram: Shows only North circle without East, so no overlap area.
• Bar Chart: Displays sales for North and North-East Overlap only.
• Table: Boolean operations recalculate with only North selected (Union = North area 300, Subtract = 300, Intersect = 0, Exclude = 700).

Key Result

Dashboard showing sales and area overlaps of regions using Boolean operations with interactive visuals.