Skip to main content
The Number Line block displays an interactive number line that supports whole numbers, fractions, and decimals. Use it to demonstrate number placement, ordering, rounding, and the relationships between numbers. This is a display block for teaching and demonstration. Learners can view the number line and see how numbers are positioned relative to each other.
Number lines are also available as an image type in quiz questions, where they serve as a visual stimulus alongside multiple choice or other question types.

​
When to use Number Line blocks

Number Line blocks work well for:
  • Teaching number ordering and placement
  • Demonstrating rounding to the nearest ten, hundred, or decimal place
  • Visualizing fractions and decimals on a continuous scale
  • Showing skip counting patterns
  • Illustrating addition and subtraction as movement along a line
  • Comparing and ordering fractions or decimals

​
Settings

​
Range settings

​
Minimum
number
default:"0"
The starting value of the number line. Supports whole numbers, decimals, and negative numbers.
​
Maximum
number
default:"10"
The ending value of the number line. Must be greater than the minimum.
​
Step
number
default:"1"
The interval between tick marks. For example, a step of 2 on a 0–20 line shows ticks at 0, 2, 4, 6, and so on.

​
Display settings

​
Number format
select
default:"whole"
How numbers are displayed on the line:
  • Whole numbers: Standard integers (e.g., 0, 1, 2, 3)
  • Fractions: Fractional notation (e.g., 1/4, 1/2, 3/4)
  • Decimals: Decimal notation (e.g., 0.25, 0.5, 0.75)
​
Labels
select
default:"all"
Which tick marks are labeled with numbers:
  • All: Every tick mark is labeled
  • Major only: Only major tick marks are labeled
  • None: No labels shown (for more challenging activities)
​
Show arrow endpoints
switch
default:"true"
When enabled, displays arrows at both ends of the number line to indicate it continues in both directions.

​
Markers

​
Markers
array
Add one or more markers to highlight specific positions on the number line. Each marker has:
  • Value: The number where the marker appears
  • Style: Arrow (pointing down), dot (filled circle), or circle (open circle)
  • Label: Optional text shown above the marker (e.g., ”?” or “A”)
​
Highlight region
object
Optionally shade a region of the number line between two values. Useful for showing ranges, rounding boundaries, or intervals.

​
Tips for teachers and parents

Best practices:
  • Start with familiar ranges (0–10, 0–20) before introducing larger numbers
  • Use markers with ”?” labels to create “What number is this?” activities
  • Highlight regions to show rounding boundaries (e.g., shade 45–50 when rounding to the nearest ten)
  • Use fraction mode to help learners see that fractions represent positions between whole numbers
  • Progress from labeling all ticks to major only to none as learners build confidence
  • Pair with question blocks to create teach-then-assess sequences
  • Use multiple number lines on the same page to compare different representations (e.g., fractions and decimals for the same values)

​
Curriculum connections

Number lines support learning across multiple year levels:
  • Years 1–2: Counting, ordering numbers to 100, skip counting
  • Years 3–4: Place value, rounding, introducing fractions on a number line
  • Years 5–6: Decimals, negative numbers, comparing and ordering fractions
  • Number Frame. Ten frames and number frames for counting
  • Fraction. Visual fraction models using shapes