Fraction Visualizer
Enter two fractions and watch them fill a bar, a circle, and a set of dots side by side, so equivalence and size differences become something you can see, not just calculate.
Built by the AbraCalc team
How to play
- Type a numerator and denominator into the left and right fraction boxes to see each one modeled as a bar, a circle, and a set of dots.
- Read the comparison line below the models to see instantly which fraction is bigger, smaller, or exactly equivalent.
- Check the label under each model for the automatically simplified form of that fraction.
- Tap Quiz Mode to get random fraction pairs and test yourself on which is bigger before checking your answer.
Type a numerator and denominator into each of the two fraction boxes and watch three models update instantly: a segmented bar that fills left to right, a pie-style circle divided into equal slices, and a grid of dots shaded to match the fraction's value. Both fractions render side by side so a class can see at a glance whether one is bigger, smaller, or exactly equivalent to the other, with a plain-language comparison line and an automatic simplified form shown underneath each pair of numbers. Switch on Quiz Mode to get a fresh pair of fractions and guess which one is bigger, or whether they're equal, then get instant feedback before moving to the next question. Every model redraws the moment either fraction changes, so dragging the numbers around is itself a way to explore what makes fractions grow or shrink.
Frequently asked questions
- Why do 1/2 and 2/4 look identical in all three models?
- Because they represent the same value — the bar, circle, and dot models all shade the same proportion of the whole for both fractions, and the label under each shows the automatically simplified form so the equivalence is explicit, not just visual.
- What's the highest numerator or denominator I can enter?
- Each fraction box is capped at 24 for both the numerator and denominator, which keeps the bar segments, circle slices, and dot grid readable on screen instead of shrinking into an unreadable smear.
- How does Quiz Mode decide which fraction is correct?
- It generates two random fractions, computes their true decimal values internally, and compares your chosen answer — left bigger, right bigger, or equal — against that computed result before showing whether you were right.