Logo

Number Line

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

NumberLine_HR.png
Click to open the Number Line Tool in a new window


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 theimportPicture.PNGbutton.

NmLine_ImageImportExample.png
E.g. Insert a screen cast of the question you are working on.


Representing Numbers


RepresentingValues.png
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.
VectorsHops.png
Vectors or hops can be used to represent directed values.
RibbonMagBars.png
Ribbons or magnitude bars can be used to think about only the number's magnitude..
Cookies.png
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

Adjusting the Scale


Opening_Dialog.png
Initially, the tool opens with whatever scale was selected from the opening screen.
SettingsMaxMin.png
Click the settings button to adjust this scale.
Set the Minimum and Maximum values.
SettingsCustomTicks.png
Turn off automatically choose best scale to further customize the scale.
top

Addition and Subtraction Examples


NumLineWholeEx1.png
Whole Number Example 1
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?
NumLineWholeEx2.png
Whole Number Example 2
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.
NumLineIntEx1.png
Integer Example 1
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?
NumLineIntEx2.png
Integer Example 2
I deposited a cheque for $320 dollars and then withdrew $400.
What is the overall change in the value of my bank balance?
NumLinIntEx3.png

top

Multiplication Examples

Multiplying 2-digit Numbers


top

Division Examples

Dividing Whole Numbers


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

Button_Annotation.png

Annotation Tool

Make notes or highlight various features of your representation. More details.
importPicture.PNG

Insert Image Button

You can insert images into the tool (as of version 1.1.0). More details.



Button-UndoRedo.png

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.
Button_Reset.png

Reset

Delete all your work and return the tool to its starting state.
Button_Info.png

Information

Access a link to this support page, a feedback form as well as copyright details and version number.
Button_Settings.png

Settings

Adjust scale, number format, where + signs show.
Hide/show active areas.
Restore the tool to its default settings.
Button_Recycle.png

Recycle

(in the work space)
Click to clear the entire work space.
Alternatively, drag items to the recycle bin to remove them.
NumLIne_Recycle.png

Recycle

(a specific object)
Click to remove the selected object.
NumLine_ButtonPanel.png

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.
NumLine_Orientation.png

Number Line Orientation

Switch between a horizontal or a vertical number line.
NumLine_ObjectType.png

Representation Objects

Choose between vectors, hops, ribbons or magnitude bars.
NumLine_Labels.png

Labels

Hide/show labels on representation objects and/or number line.
NumLine_UnitTicks.png

Unit Ticks

Hide/Show unit ticks on the representation objects.
NumLine_Linking.png

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.
NumLine_DropLabels.png

Drop Dashes

Hide/show drop dashes from the ends of the objects to the number line.

NumLine_DropDashesImage.png
NumLine_TextSize.png

Label Size

Increase/decrease label size.
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


top

Keyboard Shortcuts

On the desktop version of this tool, the Keyboard Shortcuts for Undo, Redo, and Delete have been implemented.
In addition, the shortcuts for zooming in and out (+ and -) 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.


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 https://mathclips.ca/WhatsNewEmailList.html.
Follow @ONmathies on Twitter and use #ONmathies to share your work or see what others are doing. Leave feedback.