PlayThinker

← Back home

Fraction Chart

Choose a fraction or percentage and watch it shade both a pie chart and a divided square at the same time.

  • fractions
  • percentages
  • visual-models
Subject
Math
Difficulty
Easy
Duration
6 min
Ages
8-13

Pie Chart

Divided Square

Horizontal Bar

Current value

3 8 37.5%

Instructions

  1. Tap the toggle to choose Fraction Mode or Percent Mode.
  2. In Fraction Mode, drag the numerator and denominator sliders to build your value. In Percent Mode, the denominator stays at 100 so you only slide the numerator.
  3. Watch the number line show the simplified version whenever it can. The labels update in real time.
  4. Compare the circle wedges and the tiled square. They always display the same amount in two different styles.
  5. Keep experimenting. Can you find three different settings that all equal one-half?

Learning Notes

Two colorful models make fractions feel friendly.

  • The denominator tells you how many equal pieces the whole is chopped into.
  • Percent Mode is always “out of 100,” so 25 means 25/100 and 0.25 of the whole.
  • The simplified label reminds you that 2/4, 4/8, and 50/100 are all the same size.

Challenge yourself to explain each match out loud (“Eight out of ten is the same as four out of five because both are 80%”).