Fraction Multiplication

Master fraction operations visually. Overlap grid planes to multiply areas, or align subdivision scales to measure division quotients.

Interactive Widget

2D Area Grid Overlap Visualizer

Select your fractions using the sliders. Fraction A (Rose) partitions the height vertically. Fraction B (Cyan) partitions the width horizontally. Click **Combine Grids** to merge them. The overlapping intersection (Amber) represents their product!

Fraction A Numerator (Height) 1

Fraction A Denominator (Height) 2

Fraction B Numerator (Width) 2

Fraction B Denominator (Width) 3

Fraction A Multiplier (Vertical)

1 2

= 0.50

Fraction B Multiplicand (Horizontal)

2 3

= 0.67

Product Area Multiplication Formula

1 2

2 3

2 6

1 3

= 0.333

Multiplying fractions divides a single unit square into a $(b \times d)$ grid. The overlapping cells $(a \times c)$ form the numerator of the product.

Interactive Widget

Subdivision Density & Measurement Comparator

Division is measuring **how many times Fraction B fits into Fraction A**. Since they have different block sizes, you must find a common subdivision scale. Scrub the **Grid Density** slider until both fractions are **Aligned**, then click **Measure & Divide** to fit B into A!

Fraction A (Dividend) Numerator 2

Fraction A (Dividend) Denominator 3

Fraction B (Divisor) Numerator 1

Fraction B (Divisor) Denominator 2

Grid Density (Subdivisions) 4

Fraction A Original vs Subdivided

2 3

→

? ?

Misaligned

Fraction B Original vs Subdivided

1 2

→

? ?

Misaligned

Division Result Subdivision Quotient

4 6

3 6

4 3

= 113 = 1.333

Align both subdivisions first by picking a common density multiple (LCM recommended: 6).

Once divisions align, fraction division is simply the dividend's shaded subdivisions divided by the divisor's shaded subdivisions.