NumberLineTool

The Number Line tool is currently only available for Windows and Mac. It can be accessed using Puffin Academy on mobile devices.

|| MAKE M Home | mathies Tools | Number Line Tool || Representing Numbers Adjusting the Scale Addition and Subtraction Examples Multiplication Examples Division Examples Decimals and Fractions Examples Features of the Tool Zooming and Panning Keyboard Shortcuts How-To Videos PDF Supports
 * 

The **Number Line** is a powerful mathematical tool that can be used to represent numbers and build an understanding of various operations. The current version of this tool has been designed to model addition and subtraction of both whole numbers and integers. This tool can also be used to represent, order and compare numbers.

Take a screenshot of your work to share with your teacher or add to a portfolio. You can insert pictures into the Tool using thebutton.




 * Representing Numbers **
 * [[image:RepresentingValues.png width="452" height="297"]] || Values can be thought of as:
 * positions on the number line. Click the number line to create a point.
 * distances from zero. Click on zero and drag.
 * changes in position. Click at any starting point and drag. ||
 * [[image:VectorsHops.png width="452" height="296"]] || Vectors or hops can be used to represent directed values. ||
 * [[image:RibbonMagBars.png width="452" height="299"]] || Ribbons or magnitude bars can be used to think about only the number's magnitude.. ||
 * [[image:Cookies.png width="452" height="296"]] || Objects can be linked together to model a story.

eg. Sandy had 8 cookies. Her mother gave her two more, then she gave three to her brother. || top

Set the Minimum and Maximum values. || top
 * Adjusting the Scale **
 * [[image:Opening_Dialog.png width="452" height="298"]] || Initially, the tool opens with whatever scale was selected from the opening screen. ||
 * [[image:SettingsMaxMin.png width="452" height="298"]] || Click the settings button to adjust this scale.
 * [[image:SettingsCustomTicks.png width="452" height="298"]] || Turn off automatically choose best scale to further customize the scale. ||

There were 4 birds in a tree and then some more birds landed in the tree. Now there are 11 birds in the tree. How many more birds landed in the tree? || Bob combined two Lego kits. One kit had 325 pieces and the other had 496 pieces. How many pieces does he have in all? Use math tools or models to justify your answer. || The temperature at 7 am was +3°C. It rose 6°C by noon and then dropped 13°C by 7pm. What was the temperature at 7pm? || I deposited a cheque for $320 dollars and then withdrew $400. What is the overall change in the value of my bank balance? || top
 * Addition and Subtraction Examples **
 * [[image:NumLineWholeEx1.png width="452" height="291"]] || **Whole Number Example 1 **
 * [[image:NumLineWholeEx2.png width="452" height="290"]] || **Whole Number Example 2 **
 * [[image:NumLineIntEx1.png width="452" height="296"]] || **Integer Example 1 **
 * [[image:NumLineIntEx2.png width="452" height="289"]] || I**nteger Example 2**
 * [[image:NumLinIntEx3.png width="452" height="291"]] ||  ||

Multiplying 2-digit Numbers
media type="youtube" key="ccBR9H-Vl2c" width="560" height="315" top

Dividing Whole Numbers
media type="youtube" key="aoc9cdA6LRw" width="560" height="315" top **Decimals and Fractions Examples** Although the Number Line Tool is currently designed for Whole Numbers and Integers, it can be used to solve decimal and fractions questions with a little imagination. The following short videos show some examples. Decimals Fractions (Method 1) Fractions (Method 2)

top 

Features of the Tool

 * [[image:Button_Annotation.png align="center"]] || === Annotation Tool ===

Make notes or highlight various features of your representation. More details.
||
 * [[image:mathclips/importPicture.PNG width="92" height="85" align="center"]] || === Insert Image Button ===

You can insert images into the tool (as of version 1.1.0). More details.
||
 * [[image:mathclips/Button-UndoRedo.png align="center"]] || === Undo/Redo ===

Step backward or forward through your actions with the tool.
This feature is not only useful for backtracking when a misstep is made, it enables a student to demonstrate their work from the start to the finish. They press Undo until they are at the start of their solution and then press Redo repeatedly, explaining each step. ||
 * [[image:mathclips/Button_Reset.png align="center"]] || === Reset ===

Delete all your work and return the tool to its starting state.
||
 * [[image:mathclips/Button_Info.png align="center"]] || === Information ===

Access a link to this wiki, a feedback form as well as copyright details and version number.
||
 * [[image:mathclips/Button_Settings.png align="center"]] || === Settings ===

Restore the tool to its default settings.
||
 * [[image:Button_Recycle.png align="center"]] || === Recycle ===

Click to clear the entire work space.
Alternatively, drag items to the recycle bin to remove them. ||
 * [[image:NumLIne_Recycle.png]] || ===** Recycle **===

Click to remove the selected object.
||
 * [[image:NumLine_ButtonPanel.png width="47" height="167" align="center"]] || ===** Number Line Button Panel **===

This collapsible panel provides easy access to all of the Number Line
specific settings described in detail below. Green highlights indicate that the setting is active. Click the white arrow to hide/show the panel. ||
 * [[image:NumLine_Orientation.png align="center"]] || ===** Number Line Orientation **===

Switch between a horizontal or a vertical number line.
||
 * [[image:NumLine_ObjectType.png align="center"]] || ===** Representation Objects **===

Choose between vectors, hops, ribbons or magnitude bars.
||
 * [[image:NumLine_Labels.png align="center"]] || ===** Labels **===

Hide/show labels on representation objects and/or number line.
||
 * [[image:NumLine_UnitTicks.png align="center"]] || === Unit Ticks ===

Hide/Show unit ticks on the representation objects.
||
 * [[image:NumLine_Linking.png align="center"]] || === Object Linking ===

Allow/disallow the linking of representation objects.
Linked objects move as one entity. Objects that are linked together are shown in light green. Objects that are not linked together are shown in dark green. ||
 * [[image:NumLine_DropLabels.png align="center"]] || === Drop Dashes ===

Hide/show drop dashes from the ends of the objects to the number line.
||
 * [[image:NumLine_TextSize.png align="center"]] || === Label Size ===

Increase/decrease label size.
|| top  top 
 * Zooming and Panning **
 * || Zoom in on a position by
 * double clicking or
 * scrolling up using the mouse wheel.
 * pressing the + key ||
 * || Zoom out by
 * double clicking while holding either SHIFT or CTRL or
 * scrolling down using the mouse wheel
 * pressing the - key ||
 * || Zoom to fit by
 * clicking the black arrow on either end of the number line while holding SHIFT ||
 * || To pan
 * click below the number line and drag either left or right ||

Keyboard Shortcuts
On the desktop version of this tool, the standard @Keyboard Shortcuts for Undo, Redo, and Delete have been implemented. In addition, the shortcuts for zooming in and out have been implemented as indicated above as well as shortcuts for working with imported images.

**How - To Videos**

Zooming and Panning to Compare Numbers
This video shows how to use the number line tool to compare 51 342 and 41 270. It shows how to set a custom scale and use the zooming and panning features in order to plot these points. media type="youtube" key="VE-mFNWM5uY" width="560" height="315"

PDF Supports
mathies Number Line Learning Tool Tip Sheet Visit EDUGAINS for various Tip Sheets.

To be among the first to find out about latest digital tool developments, sign up for our email list at http://mathclips.ca/WhatsNewEmailList.html. @ONmathies on Twitter

media type="custom" key="28194951"