MathPlotAI Logo MathPlotAI

Adding Fractions Visualized: Dynamic Bar Models for Unlike Denominators

Adding Fractions Visualized: Dynamic Bar Models for Unlike Denominators
Loading the math board and drawing, please wait…
2017-06-09 22:01
PolygonFunctionSequenceSlider Animation
① This GeoGebra example dynamically demonstrates the addition of two fractions with different denominators using bar models and animated fraction blocks, making the process of finding a common denominator visually intuitive. ② Core mathematical concepts include fraction addition, least common multiple (LCM), equivalent fractions, and the area/length representation of fractions. ③ Construction highlights: using commands such as Point, Textfield, Polygon, Sequence, LCM, and RemoveUndefined, the applet builds fraction bar polygons (a1poly, a2poly), accepts numerator/denominator inputs via InputBoxes, and uses timers (moveTimer, barMoveTimer) to animate the growth and merging of bars, finally displaying the sum. ④ Suitable for upper elementary to middle school students learning fraction operations, and for teachers as an interactive demonstration tool to bridge abstract arithmetic with visual geometric reasoning.

GeoGebra Commands & Parameters

  1. Point({(a1 * moveTimer), (-2 * moveTimer)}) → a2mover
  2. Point({0, 2 - (4 * moveTimer)}) → a1mover
  3. Textfield(a1text) → InputBox1
  4. Polygon(a1mover, a1mover + (a1, 0), a1mover + (a1, 1), a1mover + (0, 1)) → a1poly, f, g, h, i
  5. Polygon(a2mover, a2mover + (a2, 0), a2mover + (a2, 1), a2mover + (0, 1)) → a2poly, j, k, l, m
  6. Textfield(a2text) → InputBox2
  7. Polygon((0, 2), (a1, 2), (a1, 3), (0, 3)) → a1polyFixed, m_1, n_1, p_1, q_1
  8. Polygon((0, 0), (a2, 0), (a2, 1), (0, 1)) → a2polyFixed, r_1, s_1, t_1, f_2
  9. Point({0, 2 - (4 * barMoveTime)}) → a1barMover
  10. Point({0, (-2 * barMoveTime)}) → a2barMover
  11. Sequence(Segment[(i, 0), (i, 1)], i, 1 / a2denom, ceil(a2) - 1 / a2denom, 1 / a2denom) → list5
  12. Sequence(Segment[(i, 2), (i, 3)], i, 1 / a1denom, ceil(a1) - 1 / a1denom, 1 / a1denom) → list4
  13. LCM(a1denom, a2denom) → a
  14. Sequence(Segment[(0, -2) + (i, 0), (0, -2) + (i, growBarTimer)], i, 1 / a, ceil(a1 + a2) - 1 / a, 1 / a) → list7
  15. Sequence(Polygon[(i, -2), (i + 1, -2), 4], i, 0, ceil(a1 + a2) - 1) → list3
  16. Sequence(Polygon[(i, 0), (i + 1, 0), 4], i, 0, ceil(a2) - 1) → list1
  17. Sequence(Polygon[(i, 2), (i + 1, 2), 4], i, 0, ceil(a1) - 1) → list2
  18. RemoveUndefined(Join[{Sequence[Segment[a1barMover + (i, 0), a1barMover + (i, 1)], i, 1 / a1denom, ceil(a1) - 1 / a1denom, 1 / a1denom], Sequence[Segment[a2barMover + (i, 0), a2barMover + (i, 1)], i, 1 / a2denom, ceil(a2) - 1 / a2denom, 1 / a2denom]}]) → list6

AI Drawing Prompt Reference

Draw a dynamic visual for adding two fractions with different denominators. Show two horizontal bar groups, one above and one below, each divided into equal segments according to its denominator. The bars move vertically toward a central area, where they merge into a single longer bar divided into segments equal to the least common multiple of the denominators. Include two input boxes for numerators and denominators, and sliders to control animation. Use distinct colors for the two fractions and grid lines for clarity. The style is clean and geometric.
The prompt above was compiled from the original drawing commands and is for reference only.