Back to mathematicsmaths use cases

MathematicsMathsElementaryPrimary

How to teach fractions on a number line

A fraction is a number with its own point on the number line, and students find it by splitting 0 to 1 into equal parts. This page shows how to teach fractions and decimals on a number line, with a free activity where Sparky checks every line a student draws.

Title card reading 'How to teach fractions on a number line', next to three students' cards from a number line activity: a dot on the tick marked 0.5 for 3/10, numbers that jump from 0.7 to 1, and a student who says 0.75 is bigger than 0.8.

"What makes it more powerful is that students are able to handwrite their mathematical process directly on the app. Using this, Flint AI is able to give immediate feedback on their mathematical reasoning skills based on what they have written. … Rather than discovering mistakes tomorrow, we address them right now when the learning moment is most powerful."

Lakshmi SaravananLakshmi Saravanan, Math Teacher at American International School Chennai

Why this matters

In one 4th grade class, a student writes 3/10 = 0.3 and puts her dot on the tick marked 0.5. A week later she says 0.75 is bigger than 0.8 because it has more digits. Her worksheet shows the right decimal both times, and the teacher has to wait for quiz day to find out.

Fractions on a number line

A fraction is a number, and it has its own point on the number line. To place 3/10, students split the line from 0 to 1 into 10 equal parts and count 3 parts from 0 (Common Core 3.NF.A.2). Fractions with a denominator of 10 or 100 can also be written as decimals, so 3/10 sits on the same point as 0.3, and 75/100 on the same point as 0.75. To compare two decimals, students look at which point is farther from 0, so 0.8 is bigger than 0.75 even though 0.75 has more digits (Common Core 4.NF.C.6 and 4.NF.C.7). The Institute of Education Sciences' fractions practice guide recommends number lines as "a central representational tool" for teaching fractions from the early grades on (Siegler et al., IES, 2010).

In the Flint activity, students draw each number line on a Flint whiteboard, write a number under every tick mark, and send it in their chat. Sparky, Flint's AI tutor, reads the numbers and finds the dot before it replies. When a dot is on the wrong tick, Sparky asks which tick the number belongs on instead of moving it, and a student who says 0.75 is bigger than 0.8 gets sent back to their own number line to see which dot is farther from 0.

How the number line activity works

The activity gives each student six tasks, one at a time:

  1. Put a dot on 3/10 on a number line split into tenths.
  2. Put dots on 0.3 and 0.7, and say which is bigger.
  3. Put a dot on 3/4 on a number line split into fourths.
  4. Write 3/4 as a decimal, then put a dot on 0.75 on a number line from 0.7 to 0.8, numbered 0.70, 0.71 and so on.
  5. Say which is bigger, 0.8 or 0.75.
  6. Say which is bigger, 0.5 or 0.45, on a number line from 0.4 to 0.5.

Sparky can't measure whether the parts are the same size, so on each new kind of number line it asks the student how they made the parts equal. Tasks 4 to 6 zoom in on one tenth, so 0.75 and 0.45 each get a tick mark of their own.

One student's number lines, from 3/10 to 0.8

Maya is an example student. Her chat starts with the first task.

Sparky reads Maya's drawingSparky asks a question instead of fixing the mistake
M

Maya

Task: 1 of 6: 3/10 on a tenths line

Maya

3/10 is 0.3
Maya's whiteboard: a number line from 0 to 1 with 11 tick marks numbered 0, 0.1, 0.2 and so on up to 1. Her dot is on the tick numbered 0.5, with 3/10 written above it.
WhiteboardMaya's first number line

Sparky

Your tick marks are numbered in order, from 0 all the way to 1. But your dot is on the tick marked 0.5. Which tick should 3/10, or 0.3, go on? And how did you make sure all your parts are the same size?

Maya

I moved my dot to 0.3. I made every space the same, about 2 fingers wide.
Maya's second whiteboard: the same numbered number line from 0 to 1, with the dot now on the tick numbered 0.3.
WhiteboardMaya's number line, fixed

Sparky

Your dot is on 0.3. That's exactly right, and equal finger widths are a smart way to keep the parts the same size. Now task 2: on your number line, put a dot on 0.7. Which is bigger, 0.3 or 0.7?

Moved her dot to 0.3 and explained how she made equal parts

Tasks 2 to 4 go the same way. Maya puts 0.3 and 0.7 on one line, cuts a line in half twice to make fourths, and puts 0.75 on a line from 0.7 to 0.8. Then she reaches task 5.

M

Maya

Task: 5 of 6: which is bigger, 0.8 or 0.75?

Maya

0.75 is bigger because it has more numbers
Maya's whiteboard: a number line from 0.70 to 0.80 with 11 tick marks numbered 0.70, 0.71 and so on up to 0.80. One dot is on the tick numbered 0.75 and another on the tick numbered 0.80, labeled 0.75 and 0.8.
Whiteboard0.75 and 0.8 on one number line

Sparky

Both dots are on the right ticks. But check your answer. Look at your number line: which dot is farther from 0, the one on 0.75 or the one on 0.80?

Maya

0.80 is farther, so 0.8 is bigger. 0.8 is the same as 0.80.

Sparky

Exactly right, and you figured it out from your number line. Now the last task: which is bigger, 0.5 or 0.45?

Used her own number line to see that 0.8 is bigger

Sparky never fixed Maya's drawing or told her an answer. When she said 0.75 is bigger because it has more digits, Sparky sent her back to her own number line, and she found the answer there. The activity's guidelines tell Sparky to do both.

See which students can place and compare decimals

Sparky grades each chat against the activity's rubric. The activity page shows who needs help right now, what the class can do, and what to practice next. Open any session to see that student's number lines.

Flint's activity page for an activity called Fractions and Decimals on a Number Line. Needs attention shows a live alert that one student sent two number lines with no numbers under the tick marks after Sparky asked for them. Activity analytics lists what the class does well, including writing 3/10 as 0.3 and 3/4 as 0.75, areas of improvement where 5 students said 0.75 is bigger than 0.8 and some split fourths into 3 parts, and a follow-up with a button to create a follow-up activity. The Sessions table shows two submitted students graded Proficient and one still in progress.

Example activity page

After a class finishes the number line activity

The school and students are made up for this page. In this example, most of the class places tenths correctly, and the area to practice is comparing decimals like 0.8 and 0.75.

Set up the activity for free

The number line activity is in Flint's public library, with Sparky's role, guidelines, greeting and a rubric already written. Open it, select Use activity to copy it into a free Flint account, and move it to a class. Students open the whiteboard with the whiteboard button under the message box. In the activity's Preview tab, select Try session myself to test the activity as a student before you assign it.

For practice that gets harder one problem at a time, see how to support productive struggle in math. For more math activities, see Flint for math.

Other use cases

See all use cases →

Learning feels different when it fits you.