Fractions — proper, improper, mixed numbers: Visual walkthrough

We build one central result from nothing: $\frac{a}{b} = q \frac{r}{b} where a = q \cdot b + r, 0 \leq r < b .$ Don't worry about that line yet — by Step 7 every letter in it will be something you have already seen.

Step 1 — One whole, cut into $b$ equal pieces

WHAT. We start with a single bar and slice it into $b$ equal parts. Here $b = 5$ , so five equal slices. That number $b$ is the denominator — it names the size of one slice.

WHY. Before we can count pieces we must agree on how big a piece is. The denominator is that agreement. Every slice on this whole page will be exactly "one-fifth of a bar" wide, so different bars can be compared fairly.

WHAT IT LOOKS LIKE. Look at the figure: one full bar, five slices, each labelled $\frac{1}{5}$ . Five of them stacked side by side rebuild exactly one whole.

$how many slices make one whole b = 5, one slice = \frac{1}{b} = \frac{1}{5} .$

$b$ — the denominator, the slice-size namer.
$\frac{1}{b}$ — the width of a single slice.

Step 2 — Counting past one whole: the improper fraction

WHAT. Now we don't stop at five slices. We keep taking slices — here $a = 17$ of them. That top number $a$ is the numerator: it simply counts slices, and it is allowed to be bigger than $b$ .

WHY. Nothing stops us from having more slices than fit in one bar. When the count $a$ meets or beats the slice-count-per-whole $b$ , i.e. $a \geq b$ , we call $\frac{a}{b}$ an improper fraction. "Improper" is a nickname, not an insult — see the parent note.

WHAT IT LOOKS LIKE. Seventeen little $\frac{1}{5}$ -slices in a long strip. Your eye immediately wants to group them into bars of five — and that grouping instinct is the entire derivation.

$\frac{a}{b} = \frac{17 slices counted}{slices per whole 5} with a \geq b \Rightarrow improper.$

Step 3 — The grouping question = division with remainder

WHAT. We ask one plain question: how many complete bars of $b$ slices can I build from my $a$ slices, and how many slices are left over? The answer is the quotient $q$ and the remainder $r$ .

WHY. This is exactly the machine called Division with remainder. It promises: for any whole $a$ and any $b \neq = 0$ there is exactly one pair $(q, r)$ with $a = q \cdot b + r, 0 \leq r < b .$ We use this tool — not ordinary decimal division — because we want the leftover as a whole number of slices ( $r$ ), not as a decimal. Slices are what our picture is made of.

WHAT IT LOOKS LIKE. The 17-slice strip snaps into groups: three full bars (green brackets) and a short leftover of 2 slices (orange bracket).

$a (total slices) 17 = q (full bars) 3 \times b (slices per bar) 5 + r (leftover slices) 2 .$

$q$ — the quotient, how many whole bars we could complete.
$r$ — the remainder, the leftover slices that couldn't finish another bar.
The rule $0 \leq r < b$ is the picture's promise: if the leftover reached $b$ it would form another whole bar, so it must be strictly fewer.

Step 4 — Rewrite the fraction using that grouping

WHAT. Replace the top of $\frac{a}{b}$ by its grouped form $q \cdot b + r$ . Nothing changes in value — we only renamed $17$ as $3 \times 5 + 2$ .

WHY. We want to separate "slices that form whole bars" from "leftover slices", because those two kinds behave differently: whole bars will become plain whole numbers, leftovers will stay a fraction.

WHAT IT LOOKS LIKE. The same strip, now with the top number written as $3 \cdot 5 + 2$ hovering above the $\frac{\cdot}{5}$ line.

$\frac{a}{b} = \frac{q \cdot b + r}{b} = \frac{3 \cdot 5 + 2}{5} .$

Top: $q \cdot b$ = the slices locked inside full bars; $+ r$ = the loose leftovers.
Bottom: still $b = 5$ , because the slice size never changed.

Step 5 — Split the strip into two shorter strips

WHAT. Break the single fraction into a sum of two fractions over the same denominator: $\frac{q \cdot b + r}{b} = \frac{q \cdot b}{b} + \frac{r}{b} .$

WHY. This is the rule $\frac{x + y}{b} = \frac{x}{b} + \frac{y}{b}$ — division sharing out over addition. It is exactly the reverse of putting fractions over a common denominator (see Adding and subtracting fractions). We split so we can simplify each half on its own.

WHAT IT LOOKS LIKE. The one long strip is physically cut with scissors between the third bar and the leftover: a green piece worth $\frac{3 \cdot 5}{5}$ and an orange piece worth $\frac{2}{5}$ .

$\frac{q \cdot b + r}{b} = the full bars \frac{q \cdot b}{b} + the leftover \frac{r}{b} .$

Step 6 — The full-bars half collapses to a whole number

WHAT. Simplify the green piece: $\frac{q \cdot b}{b} = q$ . Here $\frac{3 \cdot 5}{5} = \frac{15}{5} = 3$ .

WHY. $q \cdot b$ slices, cut into groups of $b$ , make exactly $q$ complete groups — the $b$ 's cancel. In pictures: $15$ fifth-slices are $3$ whole bars, no fraction left over. This is why full bars turn into an honest whole number.

WHAT IT LOOKS LIKE. The green strip's slice-lines fade away and it becomes three solid, uncut bars stamped " $3$ ".

$\frac{q \cdot b}{b} = q ⟹ \frac{3 \cdot 5}{5} = 3.$

The cancellation $\frac{q \cdot b}{b} = q$ is the moment "fractions" become "wholes".
The orange leftover $\frac{r}{b} = \frac{2}{5}$ cannot simplify like this, because $r < b$ : fewer than a full bar, so it stays a proper fraction.

Step 7 — Read off the mixed number

WHAT. Put the two simplified halves back together: $\frac{a}{b} = q + \frac{r}{b} = q \frac{r}{b} .$ For our numbers, $\frac{17}{5} = 3 + \frac{2}{5} = 3 \frac{2}{5}$ .

WHY. A mixed number $q \frac{r}{b}$ is nothing but the shorthand for " $q$ wholes plus a proper fraction $\frac{r}{b}$ ". Writing the whole part next to the fraction just hides the plus sign — it never means multiply (that is the classic trap in the parent note).

WHAT IT LOOKS LIKE. Three solid bars and one short orange stub sitting together, captioned $3 \frac{2}{5}$ .

$improper \frac{17}{5} = q 3 \frac{r}{b} \frac{2}{5} = 3 \frac{2}{5} .$

Step 8 — The edge cases (so no picture surprises you)

WHAT & WHY & PICTURE, three quick scenarios the strip makes obvious:

(a) Exactly filled: $r = 0$ . Take $\frac{15}{5}$ . Grouping gives $15 = 3 \cdot 5 + 0$ , so $q = 3, r = 0$ . The leftover strip has length zero — no orange stub at all. The mixed number is just the whole number $3$ . Pictures show why $\frac{9}{9} = 1$ : nine slices exactly rebuild one bar.

(b) Not even one bar: $a < b$ (proper). Take $\frac{2}{5}$ . Grouping gives $2 = 0 \cdot 5 + 2$ , so $q = 0, r = 2$ . You cannot complete a single bar, so the whole part is $0$ and the fraction stays $\frac{2}{5}$ — it was already proper. Nothing to convert.

(c) The forbidden case: $b = 0$ . There is no slice to draw — "cut the bar into $0$ equal pieces" has no picture, so $\frac{a}{0}$ is undefined. The whole machine needs a real slice size to run.

$\frac{15}{5} : q = 3, r = 0 \Rightarrow 3; \frac{2}{5} : q = 0, r = 2 \Rightarrow 0 \frac{2}{5} = \frac{2}{5}; \frac{a}{0} : undefined.$

The one-picture summary

Everything above in a single frame: total slices $\to$ group into bars $\to$ whole part $q$ plus leftover $\frac{r}{b}$ .

Recall Feynman: tell it like a story

You've got a pile of pizza slices, and every pizza was cut into 5 slices. You count 17 slices in your pile. To describe your pile to a friend, you don't say "seventeen fifths" — you stack them into whole pizzas. Three complete pizzas use up 15 slices; 2 slices are left, not enough for a fourth pizza. So you say "three pizzas and two slices," which in maths is $3 \frac{2}{5}$ . The number of whole pizzas is the quotient $q = 3$ ; the leftover slices are the remainder $r = 2$ ; and they ride on top of the slices-per-pizza $b = 5$ . If the leftover ever reached 5 it would just make another whole pizza — that's the promise $r < b$ . If it's exactly zero leftovers, you have whole pizzas and no fraction. And you can never cut a pizza into zero slices, which is why the bottom number can't be zero. That's the entire conversion — no memorising, just stacking slices.

Recall Reverse it: mixed → improper in one line

Reversing the movie: put the $q$ whole bars back into slices ( $q \times b$ of them), add the $r$ leftover slices, and lay them all over $b$ : $q \frac{r}{b} = \frac{q b + r}{b}$ . For $3 \frac{2}{5}$ : $3 \times 5 + 2 = 17$ , giving $\frac{17}{5}$ again. ✓

What is the quotient

q

a = q b + r

, in picture-words?

The number of complete bars (whole groups of

b

slices) you can build from

a

slices.

What is the remainder

r

, and why must

r < b

The leftover slices; if it reached

b

it would form another whole bar, so it must be fewer.

In the split

\frac{q b + r}{b} = \frac{q b}{b} + \frac{r}{b}

, which rule are we using?

Division distributes over addition:

\frac{x + y}{b} = \frac{x}{b} + \frac{y}{b}

Why does

\frac{q b}{b}

become the whole number

q

q b

slices cut into groups of

b

make exactly

q

full groups — the

b

's cancel.

What does

r = 0

look like, and what mixed number results?

No leftover stub at all; the result is just the whole number

q

Connections

Division with remainder — the exact engine of Step 3.
Equivalent fractions — why $\frac{q b}{b} = q$ (the $b$ 's cancel).
Adding and subtracting fractions — the split in Step 5 is common-denominator logic in reverse.
Number line — the strip is a number line; each bar-boundary is a whole number.
Decimals — dividing $a$ by $b$ without stopping at the remainder gives the decimal instead.
Parent: Fractions — the rules this page pictures.