Skip to main content
Mathematics LibreTexts

27.1: Using Diagrams to Represent Addition and Subtraction

  • Page ID
    40301
  • \( \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 represent addition and subtraction of decimals.

    Exercise \(\PageIndex{1}\): Changing Values

    1. Here is a rectangle.
    clipboard_e64dfd2bace2749f4a0679af93039eec6.png
    Figure \(\PageIndex{1}\)

    What number does the rectangle represent if each small square represents:

    1. \(1\)
    2. \(0.1\)
    3. \(0.01\)
    4. \(0.001\)
    1. Here is a square.
    clipboard_e1a3609fdc488dc65c37c88f2c5834f25.png
    Figure \(\PageIndex{2}\)

    What number does the square represent if each small rectangle represents:

    1. \(10\)
    2. \(0.1\)
    3. \(0.00001\)

    Exercise \(\PageIndex{2}\): Squares and Rectangles

    You may be familiar with base-ten blocks that represent ones, tens, and hundreds. Here are some diagrams that we will use to represent digital base-ten units. A large square represents 1 one. A rectangle represents 1 tenth. A small square represents 1 hundredth.

    clipboard_e0f37a36fec8f91704814049c75a4d888.png
    Figure \(\PageIndex{3}\)

    The applet has tools that create each of the base-ten blocks.

    Select a Block tool, and then click on the screen to place it.

    One

    clipboard_ea626a7486226f7ca0d649e505b475eb4.png
    Figure \(\PageIndex{4}\)

    Tenth

    clipboard_eda808aeaebeb36f021f1185f5c6dbab7.png
    Figure \(\PageIndex{5}\)

    Hundredth

    clipboard_e3f3b03b59d8377f8d9d33acc93ef30b2.png
    Figure \(\PageIndex{6}\)

    Click on the Move tool when you are done choosing blocks.

    clipboard_e661f9ff658e7304ceb21f52916661c02.png
    Figure \(\PageIndex{7}\)
    1. Here is the diagram that Priya drew to represent 0.13. Draw a different diagram that represents 0.13. Explain why your diagram and Priya’s diagram represent the same number.
    clipboard_e6737fde5572089b48b4b81b35ee5ecfe.png
    Figure \(\PageIndex{8}\)
    1. Here is the diagram that Han drew to represent 0.25. Draw a different diagram that represents 0.25. Explain why your diagram and Han’s diagram represent the same number.
    clipboard_e995775f9ef3ccde660454421a113f711.png
    Figure \(\PageIndex{9}\)
    1. For each of these numbers, draw or describe two different diagrams that represent it.
      1. \(0.1\)
      2. \(0.02\)
      3. \(0.43\)
    2. Use diagrams of base-ten units to represent the following sums and find their values. Think about how you could use as few units as possible to represent each number.
      1. \(0.03+0.05\)
      2. \(0.06+0.07\)
      3. \(0.4+0.7\)

    Exercise \(\PageIndex{3}\): Finding Sums in Different Ways

    1. Here are two ways to calculate the value of \(0.26+0.07\). In the diagram, each rectangle represents \(0.1\) and each square represents \(0.01\).
    clipboard_e90d7f599c0cdb2c443e8705667c0aa9b.png
    Figure \(\PageIndex{10}\): A diagram of two strategies used to calculate addition expression. The left strategy, a vertical equation of 0 point 2 6 plus 0 point 0 7 results in 0 point 3 3. A 1 is written above the 2 in the tenths column. The right strategy, a base ten diagram. There are 2 large rectangles and 6 small squares indicated. Directly below, the squares are an additional 7 small squares indicated. A dashed circle contains 10 of the small squares with an arrow, labeled bundle, pointing to a third large rectangle. The third rectangle is drawn under the other two existing large rectangles.

    Use what you know about base-ten units and addition of base-ten numbers to explain:

    1. Why ten squares can be “bundled” into a rectangle.
    2. How this “bundling” is reflected in the computation.

    The applet has tools that create each of the base-ten blocks. Select a Block tool, and then click on the screen to place it.

    One

    clipboard_ea626a7486226f7ca0d649e505b475eb4.png
    Figure \(\PageIndex{11}\)

    Tenth

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

    Hundredth

    clipboard_e3f3b03b59d8377f8d9d33acc93ef30b2.png
    Figure \(\PageIndex{13}\)

    Click on the Move tool when you are done choosing blocks.

    clipboard_e661f9ff658e7304ceb21f52916661c02.png
    Figure \(\PageIndex{14}\)
    1. Find the value of \(0.38+0.69\) by drawing a diagram. Can you find the sum without bundling? Would it be useful to bundle some pieces? Explain your reasoning.
    2. Calculate \(0.38+0.69\). Check your calculation against your diagram in the previous question.
    3. Find each sum. The larger square represents \(1\), the rectangle represents \(0.1\), and the smaller square represents \(0.01\).
    clipboard_ecf7fed8004397e714c918246118104c0.png
    Figure \(\PageIndex{15}\)
    clipboard_e8d6932139679f97982bc3466f68204e9.png
    Figure \(\PageIndex{16}\)

    Are you ready for more?

    A distant, magical land uses jewels for their bartering system. The jewels are valued and ranked in order of their rarity. Each jewel is worth 3 times the jewel immediately below it in the ranking. The ranking is red, orange, yellow, green, blue, indigo, and violet. So a red jewel is worth 3 orange jewels, a green jewel is worth 3 blue jewels, and so on.

    1. If you had 500 violet jewels and wanted to trade so that you carried as few jewels as possible, which jewels would you have?
    2. Suppose you have 1 orange jewel, 2 yellow jewels, and 1 indigo jewel. If you’re given 2 green jewels and 1 yellow jewels, what is the fewest number of jewels that could represent the value of the jewels you have?

    Exercise \(\PageIndex{4}\): Representing Subtraction

    1. Here are diagrams that represent differences. Removed pieces are marked with Xs. The larger rectangle represents 1 tenth. For each diagram, write a numerical subtraction expression and determine the value of the expression.
    clipboard_e144fc3539cb1cd9e7daae09f2a715485.png
    Figure \(\PageIndex{17}\)
    1. Express each subtraction in words.
      1. \(0.05-0.02\)
      2. \(0.024-0.003\)
      3. \(1.26-0.14\)
    2. Find each difference by drawing a diagram and by calculating with numbers. Make sure the answers from both methods match. If not, check your diagram and your numerical calculation.
      1. \(0.05-0.02\)
      2. \(0.024-0.003\)
      3. \(1.26-0.14\)

    Summary

    Base-ten diagrams represent collections of base-ten units—tens, ones, tenths, hundredths, etc. We can use them to help us understand sums of decimals.

    Suppose we are finding \(0.08+0.13\). Here is a diagram where a square represents \(0.01\) and a rectangle (made up of ten squares) represents \(0.1\).

    clipboard_e94dd9542172ac2ba6ba9228f7c74e03d.png
    Figure \(\PageIndex{18}\): Base ten diagram. First row, 0 point 0 8. No rods in the tenths column. 8 small squares in the hundredths column. Second row, 0 point 13. 1 rod in the tenths column. 3 small squares in the hundredths column.

    To find the sum, we can “bundle (or compose) 10 hundredths as 1 tenth.

    clipboard_e2b110099200716852b0ed9a6458d328f.png
    Figure \(\PageIndex{19}\): Base ten diagram. First row, 0 point 0 8. No rods in the tenths column. 8 small squares in the hundredths column. Second row, 0 point 13. 1 rod in the tenths column. 3 small squares in the hundredths column. A square is drawn around the 10 small squares. An arrow is drawn to a tenths rod outside the diagram. The arrow is labeled bundle.

    We now have 2 tenths and 1 hundredth, so \(0.08+0.13=0.21\).

    clipboard_e15bedcdff0739f4022db8a8c35d7cac5.png
    Figure \(\PageIndex{20}\)

    We can also use vertical calculation to find \(0.08+0.13\).

    clipboard_e72e485a9fdc4912786c99dbd1cce5734.png
    Figure \(\PageIndex{21}\)

    Notice how this representation also shows 10 hundredths are bundled (or composed) as 1 tenth.

    This works for any decimal place. Suppose we are finding \(0.008+0.013\). Here is a diagram where a small rectangle represents \(0.001\).

    clipboard_e2e59955bda7ca14a961de4600b95b311.png
    Figure \(\PageIndex{22}\): Base ten diagram. First row, 0 point 0 0 8. No squares in the hundredths column. 8 small rectangles in the thousandths column. Second row, 0 point 0 1 3. 1 small square in the hundredths column. 3 small rectangles in the thousandths column.

    We can “bundle (or compose) 10 thousandths as 1 hundredth.

    clipboard_e799fac3436c94c235667802a07ea9fa4.png
    Figure \(\PageIndex{23}\): Base ten diagram. First row, 0 point 0 0 8. No squares in the hundredths column. 8 small rectangles in the thousandths column. Second row, 0 point 0 1 3. 1 small square in the hundredths column. 3 small rectangles in the thousandths column. A square is drawn around the 10 small rectangles. An arrow is drawn to a small square outside the diagram. The arrow is labeled bundle.

    The sum is 2 hundredths and 1 thousandth.

    clipboard_e649c4f26c0d3eaf192e048b93522951d.png
    Figure \(\PageIndex{24}\)

    Here is a vertical calculation of \(0.008+0.013\).

    clipboard_ead6ccf81f4526bdca3ea5aef18a32ff4.png
    Figure \(\PageIndex{25}\): Vertical addition. First line. 0 point 0 13. Second line. Plus 0 point 0 0 8. Horizontal line. Third line. 0 point 0 2 1. Above the 1 in the first line is 1.

    Practice

    Exercise \(\PageIndex{5}\)

    Use the given key to answer the questions.

    clipboard_ef0d0c7bf3d7302146207a233afa10193.png
    Figure \(\PageIndex{26}\): Base-ten figures. 1 large rectangle labeled, 0 point 1, tenth, 1 square labeled, 0 point 0 1, hundredth, 1 small rectangle labeled, 0 point 0 0 1, thousandth, 1 small square labeled, 0 point 0 0 0 1, ten-thousandth.
    1. What number does this diagram represent?
    clipboard_eb07444fb4b89c6995489b3e3bb53d49a.png
    Figure \(\PageIndex{27}\)
    1. Draw a diagram that represents \(0.216\).
    2. Draw a diagram that represents \(0.304\).

    Exercise \(\PageIndex{6}\)

    Here are diagrams that represent \(0.137\) and \(0.284\).

    clipboard_e11e492d92702b6eb266d51ccdba43878.png
    Figure \(\PageIndex{28}\): Two base-ten diagrams representing 0 point 1 3 7 and 0 point 2 8 4. First diagram, 1 rectangle labeled, tenths, 3 squares labeled, hundredths, 7 small rectangles labeled, thousandths. Second diagram, 2 rectangles labeled, tenths, 8 squares labeled, hundredths, 4 small rectangles labeled, thousandths.
    1. Use the diagram to find the value of \(0.137+0.284\). Explain your reasoning.
    2. Calculate the sum vertically.
    clipboard_e32f68c574beee581892e31933cd2cee4.png
    Figure \(\PageIndex{29}\)
    1. How was your reasoning about \(0.137+0.284\) the same with the two methods? How was it different?

    Exercise \(\PageIndex{7}\)

    For the first two problems, circle the vertical calculation where digits of the same kind are lined up. Then, finish the calculation and find the sum. For the last two problems, find the sum using vertical calculation.

    1. \(3.25+1\)
    clipboard_e40c8e9fc998257896c11792eb0d64da2.png
    Figure \(\PageIndex{30}\): 3 vertical calculations of 3 point 2 5 plus 1. First calculation, 3 point 2 5 plus 1 point 0, the decimal point for 1 point 0 is shifted one place to the right. Second calculation, 3 point 2 5 plus 1 point 0, the decimal points are aligned. Third calculation, 3 point 2 5 plus 1, the 1 is shifted two places to the right.
    1. \(0.5+1.15\)
    clipboard_e53e010d711add9d6cacdfb0154986177.png
    Figure \(\PageIndex{31}\): 3 vertical calculations of 0 point 5 plus 1 point 1 5. First calculation, 0 point 5 plus 1 point 1 5, decimal points are aligned. Second calculation, 0 point 5 plus 1 point 1 5, decimal point of 1 point 1 5 shifted one place to the left. Third calculation, 0 point 5 0 plus 1 point 1 5 0, decimal point of 1 point 1 5 0 shifted one place to the left.
    1. \(10.6+1.7\)
    2. \(123+0.2\)

    Exercise \(\PageIndex{8}\)

    Andre has been practicing his math facts. He can now complete 135 multiplication facts in 90 seconds.

    1. If Andre is answering questions at a constant rate, how many facts can he answer per second?
    2. Noah also works at a constant rate, and he can complete 75 facts in 1 minute. Who is working faster? Explain or show your reasoning.

    (From Unit 2.3.4)


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

    • Was this article helpful?