Fraction Circle + Number Line

This interactive tool shows a fraction using two synchronized visual models: a fraction circle and a fraction number line with a clean, square-edged blue bar. Students adjust the numerator and denominator using simple sliders—vertical sliders beside the circle and horizontal sliders above and below the number line. As any slider moves, both models update instantly, helping learners connect part–whole and linear representations of fractions.

The blue bar stretches from 0 to the exact value of the fraction, giving students a clear view of its position and size on the number line. Tapping the numerator or denominator allows direct entry with built-in warnings that prevent invalid values, ensuring mathematical accuracy while supporting curiosity and exploration.

Why It Works

• Displays fractions as both a circle and a number line bar
• Vertical and horizontal sliders reinforce multiple fraction models
• Square-edged bar provides a clean, precise visual on the number line
• Instant updates deepen understanding of numerator and denominator
• Perfect for whole-class demonstrations, small-group lessons, or independent learning

Great For

• Introducing the meaning of fractions
• Visualizing fraction size and part–whole relationships
• Comparing circle and number line models
• Exploring how numerator and denominator affect value
• Touchscreens, Chromebooks, laptops, and interactive whiteboards