Visual walkthrough — Independence and mutual exclusivity
This page rebuilds the central fact of Independence and mutual exclusivity from nothing: why two events that "can't happen together" are the exact opposite of two events that "don't affect each other." We do it with pictures of a single square — the picture of all possible outcomes.
We only assume you know: an event is a collection of possible outcomes, and its probability is a number between and telling you how "likely" it is. Everything else we build. If you want the ground layer, see 1.3.01-Basic-probability-concepts and 1.3.02-Conditional-probability.
Step 1 — Draw the world as a square of area 1
WHAT. We picture every possible outcome of an experiment as points filling a square whose total area is exactly .
WHY a square of area 1? Because "probability" behaves like area: the whole square (everything that could happen) must have probability , and the area of a region is the probability of that region. Area is the friendliest picture for probability — it adds up the way probabilities add up, and it lets us literally see overlap.
PICTURE. Look at the figure. The full board is the square. An event is a shaded blob inside it. The fraction of the square that blob covers is — the probability of .

Step 2 — The overlap is where BOTH happen
WHAT. We draw a second event as a second blob, and mark the region where the two blobs cross each other.
WHY this region matters. A point in the crossing region is an outcome that belongs to and to at the same time. That crossing is called the intersection, written (read " and "). Its area is the probability that both happen at once.
PICTURE. The pink lens in the middle is . Everything hinges on how big this lens is — the whole rest of the page is a story about its size.

Step 3 — Case one: push the blobs apart (mutually exclusive)
WHAT. We slide and until they no longer touch. The lens shrinks to nothing.
WHY do this? This models events that compete: rolling a versus rolling a , "spam" versus "not spam." If one happens, the other simply cannot. In the picture that means zero overlap.
PICTURE. No pink lens survives. The two blobs are separate islands.

Before we add the areas, one new symbol. The region covered by or (all points in at least one blob — either blob alone, plus their overlap if any) is called the union, written (read " or "). It is the total shaded footprint on the board.
Because in Step 3 the overlap is gone, the area of " or " is just the two areas stacked with nothing double-counted:
Step 4 — What "knowing B happened" does to the picture
WHAT. Before comparing to independence, we build one tool: conditional probability. When we learn " happened," we throw away every outcome outside and treat as our new, smaller world.
WHY a new tool, and why this one? "Does affect ?" is a question about information. The only honest way to ask it is: if I restrict my attention to the world where is true, how much of that world is also ? That ratio is exactly (read " given "). We need it because independence is literally the statement "this restriction changes nothing."
PICTURE. The board dims everywhere except inside . Now is our whole universe. The bright slice inside it is the part that is also — its fraction of is .

Step 5 — Case two: overlap that "just fits" (independent)
WHAT. Now we ask: what size must the lens be so that learning tells you nothing about ? That is, so that : the fraction of that is equals the fraction of the whole square that is .
WHY this is the definition. "Tells you nothing" is precisely "the proportion of is the same whether you look at all of the square or only at ." Independence is a statement about proportions matching, not about blobs being apart.
PICTURE. cuts across so that it grabs the same fraction of as it does of the whole board. Think of as a vertical stripe and as a horizontal stripe: their crossing is a rectangle whose area is width height.

Now turn "" into an equation about areas. Start from Step 4:
Multiply both sides by (WHAT: clear the denominator; WHY: to isolate the overlap area):
Step 6 — The punchline: these two cases are enemies
WHAT. We overlay Step 3 (disjoint) and Step 5 (independent) and compare the required lens size.
WHY. People think "mutually exclusive" and "independent" are cousins. The picture proves they are opposites whenever both events are actually possible.
PICTURE. Left board: overlap forced to . Right board: overlap forced to , a positive rectangle. They cannot both be true unless one blob has zero area.

Suppose and (both events genuinely possible). Then:
A positive number cannot equal zero. So the independence equation fails. Concretely:
Knowing happened crushes 's probability to — maximum information, the exact opposite of "no information."
Step 7 — The degenerate edges (never skip these)
WHAT. We check the corner cases where the two ideas do touch — both the empty blob (area ) and the full blob (area ).
WHY. A derivation you can trust must survive its own boundary. Here the boundary is an event that is either impossible () or certain ().
PICTURE. Left: a blob shrunk to a single dot has area . Right: a blob swollen to fill the whole board has area . In both extremes disjointness and independence quietly agree.

- If (impossible event): the overlap is (so disjoint holds) and (so independence holds). Both properties are true at once — but this is a trivial, degenerate case, not a counterexample to Step 6.
- If : the conditional is undefined — you cannot stand inside a world of area zero. The area-form still works as the general definition, which is why we prefer it.
- If (certain event): fills the whole square, so every point of already lies inside . Then the overlap is all of : . Check independence: ✓ — a certain event is independent of everything, since learning cannot change a probability that is already stuck at .
- If and we want exclusivity: it collapses too — forces , so the only way a certain event is disjoint from is if is impossible.
- The full union formula always holds and reduces correctly: When disjoint, the last term vanishes and we recover Step 3.
Step 8 — Worked check: bag of balls & two dice
WHAT. We drive the pictures onto the parent note's numbers.
Bag: 3 red, 2 blue, one draw. , .
- Overlap: cannot draw red and blue (Step 3 → disjoint).
- Independence test: → not independent (Step 6 confirmed).
Two dice. "first is 4", "second is 4", "sum is 8".
- , , , and → independent (Step 5 rectangle fits perfectly).
- , , but → not independent.
The one-picture summary

One number rules everything: the overlap area .
- Push it to → mutually exclusive.
- Set it to width height, → independent.
- These meet only when a blob has zero area, or degenerates to the whole board (Step 7). Otherwise they are opposite ends of a ruler running from maximum dependence to zero dependence.
This single dial is exactly the machinery 1.3.03-Bayes-theorem leans on, and its conditional version — features that stop informing each other once you fix the class — is what makes the 3.1.01-Naive-Bayes-classifier and 5.2.03-Probabilistic-graphical-models tractable.