Fraction Circle + Fraction Bar

This interactive fraction tool lets students explore a fraction using two connected visual models: a fraction circle and a fraction bar that stretches across the screen. Students adjust the numerator and denominator using vertical sliders beside the circle and horizontal sliders placed above and below the bar. As any slider moves, both models update instantly—helping learners see fractions as parts of a whole and as positions on a linear model.

Students can also tap the numerator or denominator to enter values directly, with helpful warnings that ensure valid inputs. Because all sliders and text values stay perfectly synced, learners can experiment freely while maintaining mathematical accuracy. The clean layout works beautifully on laptops, tablets, and interactive whiteboards.

Why It Works

• Shows fractions with two complementary visual models
• Vertical and horizontal sliders reinforce different mental images of fractions
• Instant updates deepen understanding of numerator and denominator roles
• Perfect for demonstrating part–whole, comparison, and equivalence concepts
• Optimized for whole-class, small-group, or independent learning

Great For

• Introducing and modeling fractions
• Comparing circle and bar representations
• Exploring fraction size and value
• Understanding numerator vs. denominator
• Touchscreen and Chromebook-based practice