-5 -1 * LOWER_BOUND randRangeNonZero( LOWER_BOUND, UPPER_BOUND )

Drag the orange dot to NUMBER. The distance between tick marks is 1.

init({ range: [ [LOWER_BOUND - 1, UPPER_BOUND + 1], [-1, 1] ] }); line( [ LOWER_BOUND, 0 ], [ UPPER_BOUND, 0 ] ); for ( var x = LOWER_BOUND; x <= UPPER_BOUND; x++ ) { line( [ x, -0.2 ], [ x, 0.2 ] ); } style({ stroke: "#6495ED", strokeWidth: 3.5 }); line( [ 0, -0.2], [0, 0.2]); label( [ 0, -0.53 ], "0", "center", { color: "#6495ED" }); addMouseLayer(); graph.movablePoint = addMovablePoint({ constraints: { constrainY: true }, snapX: 0.25 }); graph.movablePoint.onMove = function( x, y ) { return [ min( max( LOWER_BOUND, x ), UPPER_BOUND ), y ]; };
graph.movablePoint.coord[0]
if ( guess === 0 ) { return ""; } return abs( NUMBER - guess ) < 0.001;
graph.movablePoint.setCoord( [ guess, 0 ] );

We know where 0 is on the number line because it is labeled.

Numbers to the left are smaller, and numbers to the right are bigger.

Numbers smaller than 0 are negative, and numbers bigger than 0 are positive.

style({ stroke: "#6495ED", fill: "#6495ED", strokeWidth: 3.5, arrows: "->" }); line( [ 0, 0 ], [ NUMBER, 0 ] ); graph.movablePoint.visibleShape.toFront();

The orange dot should be plural( abs( NUMBER ), "position") to the leftright of 0.

label( [ NUMBER, -0.53 ], NUMBER, "center", { color: "#FFA500" }); graph.movablePoint.moveTo( NUMBER, 0 );

The orange number shows where NUMBER is on the number line.

What number does the orange dot represent? The distance between tick marks is 1.

init({ range: [ [LOWER_BOUND - 1, UPPER_BOUND + 1], [-1, 1] ] }); line( [ LOWER_BOUND, 0 ], [ UPPER_BOUND, 0 ] ); for ( var x = LOWER_BOUND; x <= UPPER_BOUND; x++ ) { line( [ x, -0.2 ], [ x, 0.2 ] ); } style({ stroke: "#6495ED", strokeWidth: 3.5 }); line( [ 0, -0.2], [0, 0.2]); label( [ 0, -0.53 ], "0", "center", { color: "#6495ED" }); style({ stroke: "#FFA500", fill: "#FFA500" }); graph.orangeDot = circle( [ NUMBER, 0 ], 0.10 );
NUMBER

We know where 0 is on the number line because it is labeled.

Numbers to the left are smaller, and numbers to the right are bigger.

Numbers smaller than 0 are negative, and numbers bigger than 0 are positive.

style({ stroke: "#6495ED", fill: "#6495ED", strokeWidth: 3.5, arrows: "->" }); line( [ 0, 0 ], [ NUMBER, 0 ] ); graph.orangeDot.toFront();

The orange dot is plural( abs( NUMBER ), "position") to the leftright of 0.

label( [ NUMBER, -0.53 ], NUMBER, "center", { color: "#FFA500" });

The orange dot represents the number NUMBER.