Skip to main content
Mathematics LibreTexts

28.3: Using Diagrams to Represent Multiplication

  • Page ID
    40303
  • \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \) \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)\(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\) \(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\)\(\newcommand{\AA}{\unicode[.8,0]{x212B}}\)

    Lesson

    Let's use area diagrams to find products.

    Exercise \(\PageIndex{1}\): Estimate the Product

    For each of the following products, choose the best estimate of its value. Be prepared to explain your reasoning.

    1. \((6.8)\cdot (2.3)\)
      • \(1.40\)
      • \(14\)
      • \(140\)
    2. \(74\cdot (8.1)\)
      • \(5.6\)
      • \(56\)
      • \(560\)
    3. \(166\cdot (0.09)\)
      • \(1.66\)
      • \(16.6\)
      • \(166\)
    4. \((3.4)\cdot (1.9)\)
      • \(6.5\)
      • \(65\)
      • \(650\)

    Exercise \(\PageIndex{2}\): Connecting Area Diagrams to Calculations with Whole Numbers

    1. Here are three ways of finding the area of a rectangle that is \(24\) units by \(13\) units.
    clipboard_e1774f73831420e7d72c588434fb43a40.png
    Figure \(\PageIndex{1}\): Diagram 1, rectangle partitioned vertically and horizontally into 4 rectangles. Top left rectangle, vertical side, 10, horizontal side, 20, area, 200. Top right rectangle, horizontal side, 4, area, 40. Bottom left rectangle, vertical side, 3, area 60. Bottom right rectangle, area, 12. Diagram 2, rectangle partitioned horizontally into 2 rectangles. Top rectangle, vertical side, 10, horizontal side, 24, area, 240. Bottom rectangle, vertical side 3, area, 72. Diagram 3, rectangle partitioned vertically into 2 rectangles. Left rectangle, vertical side, 13, horizontal side, 20, area, 260. Right rectangle, horizontal side, 4, area, 52.

    Discuss with your partner:

    1. What do the diagrams have in common? How are they alike?
    2. How are they different?
    3. If you were to find the area of a rectangle that is 37 units by 19 units, which of the three ways of decomposing the rectangle would you use? Why?
    1. You may be familiar with different ways to write multiplication calculations. Here are two ways to calculate 24 times 13.
    clipboard_e63c706ec36be982d7b1a92747d31046e.png
    Figure \(\PageIndex{2}\): Two vertical calculations of 24 times 13. Calculation A, 7 rows. First row: 24. Second row: multiplication symbol, 13. Horizontal line. Third row: 12. Fourth row: 60. Fifth row: 40. Sixth row: plus 200. Horizontal line. Seventh row: 312. Calculation B, 5 rows. First row: 24. Second row: multiplication symbol, 13. Horizontal line. Third row: 72. Fourth row: plus 240. Horizontal line. Fifth row: 312.

    Discuss with your partner:

    1. In Calculation A, how are each of the partial products obtained? For instance, where does the 12 come from?
    2. In Calculation B, how are the 72 and 240 obtained?
    3. Look at the diagrams in the first question. Which diagram corresponds to Calculation A? Which one corresponds to Calculation B?
    4. How are the partial products in Calculation A and the 72 and 240 in Calculation B related to the numbers in the diagrams?
    1. Use the two following methods to find the product of 18 and 14, then compare the values obtained.
    1. Calculate numerically.
    clipboard_eb36cb2289b6de9f4770165c5c993dc7a.png
    Figure \(\PageIndex{3}\)
    1. Here is a rectangle that is 18 units by 14 units. Find its area, in square units by decomposing it. Show your reasoning.
    clipboard_ed11afe0bf18f73cbf4947a17aa03e84c.png
    Figure \(\PageIndex{4}\)
    1. Compare the values of \(18\cdot 14\) that you obtained using the two methods. If they are not the same, check your work.
      • Use the applet to verify your answers and explore your own scenarios. To adjust the values, move the dots on the ends of the segments.

    Exercise \(\PageIndex{3}\): Connecting Area Diagrams to Calculations with Decimals

    1. You can use area diagrams to represent products of decimals. Here is an area diagram that represents \((2.4)\cdot (1.3)\).
    clipboard_ebea75d21398d92b1a36a9e6417ceaab0.png
    Figure \(\PageIndex{5}\): A rectangle partitioned vertically and horizontally into 4 rectangles. Top left rectangle, vertical side, 1, horizontal side, 2. Top right rectangle, vertical side, 1, horizontal side, 0 point 4. Bottom left rectangle, vertical side, 0 point 3, horizontal side, 2. Bottom right rectangle, vertical side, 0 point 3, horizontal side, 0 point 4.
    1. Find the region that represents \((0.4)\cdot (0.3)\)? Label that region with its area of \(0.12\).
    2. Label each of the other regions with their respective areas.
    3. Find the value of \((2.4)\cdot (1.3)\). Show your reasoning.
    1. Here are two ways of calculating \(2.4\) times \(1.3\).
    clipboard_ee5536c6ac07b56c2822f1065ca71893c.png
    Figure \(\PageIndex{6}\): Two vertical calculations of 2 point 4 times 1 point 3. Calculation A, 7 rows. First row: 2 point 4. Second row: multiplication symbol, 1 point 3. Horizontal line. Third row: 0 point 1 2. Fourth row: 0 point 6. Fifth row: 0 point 4. Sixth row: plus 2. Horizontal line. Seventh row: 3 point 1 2. Calculation B, 5 rows. First row: 2 point 4. Second row: multiplication symbol, 1 point 3. Horizontal line. Third row: 0 point 7 2. Fourth row: plus 2 point 4. Horizontal line. Fifth row: 3 point 1 2.

    Analyze the calculations and discuss with a partner:

    1. In Calculation A, where does the 0.12 and other partial products come from? In Calculation B, where do the 0.72 and 2.4 come from? How are the other numbers in blue calculated?
    2. In each calculation, why are the numbers in blue lined up vertically the way they are?
    1. Find the product of \((3.1)\cdot (1.5)\) by drawing and labeling an area diagram. Show your reasoning.
    2. Show how to calculate \((3.1)\cdot (1.5)\) using numbers without a diagram. Be prepared to explain your reasoning. If you are stuck, use the examples in a previous question to help you.
    3. Use the applet to verify your answers and explore your own scenarios. To adjust the values, move the dots on the ends of the segments.

    Are you ready for more?

    How many hectares is the property of your school? How many morgens is that?

    Exercise \(\PageIndex{4}\): Using the Partial Products Method

    1. Label the area diagram to represent \((2.5)\cdot (1.2)\) and to find that product.
    clipboard_e4d20b0e1232abd0602ecc251231af168.png
    Figure \(\PageIndex{7}\)
    1. Decompose each number into its base-ten units (ones, tenths, etc.) and write them in the boxes on each side of the rectangle.
    2. Label Regions A, B, C, and D with their areas. Show your reasoning.
    3. Find the product that the area diagram represents. Show your reasoning.
    1. Here are two ways to calculate \((2.5)\cdot (1.2)\). Each number with a box gives the area of one or more regions in the area diagram.
    clipboard_e39209f8c10a63e1bcb0e9122c68b6b9d.png
    Figure \(\PageIndex{8}\): Two vertical calculations of 2 point 5 times 1 point 2. Calculation A, 7 rows. First row: 2 point 5. Second row: multiplication symbol, 1 point 2. Horizontal line. Third row: 0 point 1. Fourth row: 0 point 4. Fifth row: 0 point 5. Sixth row: plus 2. Horizontal line. Seventh row: 3 point 0 0. Calculation B, 5 rows. First row: 2 point 5. Second row: multiplication symbol, 1 point 2. Horizontal line. Third row: 0 point 5. Fourth row: plus 2 point 5. Horizontal line. Fifth row: 3 point 0 0.
    1. In the boxes next to each number, write the letter(s) of the corresponding region(s).
    2. In Calculation B, which two numbers are being multiplied to obtain 0.5?
      Which numbers are being multiplied to obtain 2.5?

    Summary

    Suppose that we want to calculate the product of two numbers that are written in base ten. To explain how, we can use what we know about base-ten numbers and areas of rectangles.

    Here is a diagram of a rectangle with side lengths 3.4 units and 1.2 units.

    clipboard_e9157eca82a3d82d47e17cbd4999f36df.png
    Figure \(\PageIndex{9}\)

    Its area, in square units, is the product

    \((3.4)\cdot (1.2)\)

    To calculate this product and find the area of the rectangle, we can decompose each side length into its base-ten units, \(3.4=3+0.4\) and \(1.2=1+0.2\), decomposing the rectangle into four smaller sub-rectangles.

    clipboard_e60244de51946f055bec063593dbdfe51.png
    Figure \(\PageIndex{10}\): Area diagram. A rectangle partitioned into 4 rectangles, A, B, C, D. D, vertical side, 1, horizontal side, 3. C, vertical side, 1, horizontal side, 0 point 4. B, vertical side, 0 point 2, horizontal side, 3. A, vertical side, 0 point 2, horizontal side, 0 point 4.

    We can rewrite the product and expand it twice:

    \(\begin{aligned} (3.4)\cdot (1.2)&=(3+0.4)\cdot (1+0.2) \\ &= (3+0.4)\cdot 1+(3+0.4)\cdot 0.2 \\ &=3\cdot 1+3\cdot (0.2)+(0.4)\cdot 1+(0.4)\cdot (0.2)\end{aligned}\)

    In the last expression, each of the four terms is called a partial product. Each partial product gives the area of a sub-rectangle in the diagram. The sum of the four partial products gives the area of the entire rectangle.

    We can show the horizontal calculations above as two vertical calculations.

    clipboard_ef6c1ea3d8194df10076e48eddaa1620a.png
    Figure \(\PageIndex{11}\): Two vertical calculations of 3 point 4 times 1 point 2. First calculation, 7 rows. First row: 3 point 4. Second row: multiplication symbol, 1 point 2. Horizontal line. Third row: 0 point 0 8, A. Fourth row: 0 point 6, B. Fifth row: 0 point 4, C. Sixth row: plus 3, D. Horizontal line. Seventh row: 4 point 0 8. Second calculation, 5 rows. First row: 3 point 4. Second row: multiplication symbol, 1 point 2. Horizontal line. Third row: 0 point 6 8, A plus B. Fourth row: plus 3 point 4, C plus D. Horizontal line. Fifth row: 4 point 0 8.

    The calculation on the left is an example of the partial products method. It shows the values of each partial product and the letter of the corresponding sub-rectangle. Each partial product gives an area:

    • A is 0.2 unit by 0.4 unit, so its area is 0.08 square unit.
    • B is 3 unit by 0.2 unit, so its area is 0.6 square unit.
    • C is 0.4 unit by 1 unit, so its area is 0.4 square unit.
    • D is 3 units by 1 unit, so its area is 3 square units.
    • The sum of the partial products is \(0.08+0.6+0.4+3\), so the area of the rectangle is 4.08 square units.

    The calculation on the right shows the values of two products. Each value gives a combined area of two sub-rectangles:

    • The combined regions of A and B have an area of 0.68 square units; 0.68 is the value of \((3+0.4)\cdot 0.2\).
    • The combined regions of C and D have an area of 3.4 square units; 3.4 is the value of \((3+0.4)\cdot 1\).
    • The sum of the values of two products is \(0.68+3.4\), so the area of the rectangle is 4.08 square units.

    Practice

    Exercise \(\PageIndex{5}\)

    Here is a rectangle that has been partitioned into four smaller rectangles.

    clipboard_ee00ede48f9994ee3e80ab77bc0deb213.png
    Figure \(\PageIndex{12}\)

    For each expression, choose the sub-rectangle whose area, in square units, matches the expression.

    1. \(3\cdot (0.6)\)
    2. \((0.4)\cdot 2\)
    3. \((0.4)\cdot (0.6)\)
    4. \(3\cdot 2\)

    Exercise \(\PageIndex{6}\)

    Here is an area diagram that represents \((3.1)\cdot (1.4)\).

    clipboard_e877d38d33fa27bc1e3b62a61a611b194.png
    Figure \(\PageIndex{13}\)
    1. Find the areas of sub-rectangles A and B.
    2. What is the area of the 3.1 by 1.4 rectangle?

    Exercise \(\PageIndex{7}\)

    Draw an area diagram to find \((0.36)\cdot (0.53)\). Label and organize your work so that it can be followed by others.

    Exercise \(\PageIndex{8}\)

    Find each product. Show your reasoning.

    1. \((2.5)\cdot (1.4)\)
    2. \((0.64)\cdot (0.81)\)

    Exercise \(\PageIndex{9}\)

    Complete the calculations so that each shows the correct sum.

    clipboard_e2095e6bde1fa75cec6937d2a7585e4fb.png
    Figure \(\PageIndex{14}\): Four calculations with missing digits. First calculation, 2 point 3 blank plus blank point 6 4 is equal to 9 point blank five. Second calculation, 2 point 3 blank plus blank point 6 4 is equal to 9 point blank 2. Third calculation, 4 point 3 blank plus blank point 1 5 is equal to 6 point blank 2. Fourth calculation, 1 point 5 blank plus blank point 3 8 is equal to 1 point blank 4.

    (From Unit 5.2.2)

    Exercise \(\PageIndex{10}\)

    Diego bought 12 mini muffins for $4.20.

    1. At this rate, how much would Diego pay for 4 mini muffins?
    2. How many mini muffins could Diego buy with $3.00? Explain or show your reasoning. If you get stuck, consider using the table.
    number of mini muffins price in dollars
    \(12\) \(4.20\)
    Table \(\PageIndex{1}\)

    (From Unit 2.4.2)


    28.3: Using Diagrams to Represent Multiplication is shared under a CC BY 4.0 license and was authored, remixed, and/or curated by LibreTexts.

    • Was this article helpful?