> ## Documentation Index
> Fetch the complete documentation index at: https://edzo.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Number Line Block

> Learn how to use Number Line blocks to display interactive number line visualizations in your resources.

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.

> [!NOTE]
>
> 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

## Related blocks

* [Number Frame](https://edzo.mintlify.site/creating/resources/learning-blocks/number-frame.md). Ten frames and number frames for counting
* [Fraction](https://edzo.mintlify.site/creating/resources/learning-blocks/fraction.md). Visual fraction models using shapes


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.