Distributive Property Visualizer

Run the Distributive Property Visualizer MicroSim Fullscreen

Edit in the p5.js Editor

About This MicroSim

Visual area model demonstrating the distributive property of multiplication over addition with algebraic terms. This interactive learning tool provides direct visual feedback, enabling students to explore algebraic structures dynamically.

Iframe Embed Code

Copy this iframe to your website:

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

Lesson Plan

Learning Objective

Visualize how multiplying a single term across a sum corresponds to partitioning rectangular geometric areas.

Audience and Prerequisites

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

Suggested Activity

1. Ask students to make a prediction before interacting with controls or moving parameters.
2. Adjust parameters a, b, and c to see both the geometric area partition and the expanded algebraic expression a(b + c) = ab + ac.
3. Compare the visual model directly with the symbolic algebraic expression.
4. Have students summarize their observations in a single sentence.

Assessment

Students expand binomial products algebraically and verify results using rectangular area subdivisions.

References

1. Related Algebra I Chapter - Course explanation and background context.
2. p5.js Reference - Official library documentation.