Skip to content

Distributive Property Visual Model

Run the Distributive Property Visual Model MicroSim Fullscreen

About This MicroSim

Visualize the distributive property using area models (rectangles) to show why a(b + c) = ab + ac. Use the selection menu and two parameter sliders to compare examples. Select Check / Explain for immediate conceptual feedback and New Example to continue exploring.

Iframe Embed Code

Copy this iframe to your website:

1
2
<iframe src="https://dmccreary.github.io/algebra-1/sims/distributive-property-visual-model/main.html"
        height="602px" width="100%" scrolling="no"></iframe>

Lesson Plan

Learning Objective

Visualize the distributive property using area models (rectangles) to show why a(b + c) = ab + ac.

Audience and Prerequisites

Designed for Algebra I students in grade 9. Students should have arithmetic fluency and introductory familiarity with variables and expressions.

Suggested Activity

  1. Ask students to predict what will change before moving either parameter.
  2. Change one control at a time and describe the visual and symbolic changes.
  3. Use Check / Explain to compare the student's reasoning with the model.
  4. Select New Example and have students justify the new result with a partner.

Assessment

Students demonstrate mastery by explaining the displayed relationship, identifying the role of each parameter, and correctly reasoning through a new example without relying on trial and error.

References

  1. Related Algebra I chapter - Course explanation and diagram specification.
  2. p5.js Reference - Documentation for the interactive graphics library.