🧩 First Look: One Value, Two Pictures
Start in Fraction Mode. Move the numerator or denominator slider to choose a value like 3/8 or 5/12.
The pie chart shades a matching slice while the tiled square colors the same fraction of its blocks.
As you adjust the sliders, watch the two models move together — a powerful reminder that different shapes can represent the same idea.
🔀 Switch Between Fraction and Percent Views
Flip to Percent Mode when you want the denominator locked at 100.
Slide the value to 25, 40, or 72 and watch the visuals update instantly.
Below, a readout shows your number as a percent, a simplified fraction, and a decimal.
This helps you see that 25% is also 25/100 and 0.25, all pointing to the same part of the whole.
🎯 Discover Equivalent Fractions
Try building familiar amounts — one-half, one-third, three-fourths — in as many forms as you can.
Set 2/4, then 3/6, then 50/100.
Even though the numbers look different, the pie wedge and shaded blocks stay the same.
Use the Simplified label to confirm when two symbols describe the exact same area.
🧪 Make Predictions and Test Them
Before moving a slider, guess whether the shaded portion will get larger or smaller.
Predict which fractions are close to 1/2, which are smaller than 1/3, or which ones fill nearly the entire shape.
Then adjust and see if your mental model matches the graphic.