randRange( -15, 15 ) randRange( -2, 2 ) randRangeExclude( max(MIDPOINT-5, MIDPOINT-5-DISTANCE),min(MIDPOINT+5, MIDPOINT+5-DISTANCE), [ 0, MIDPOINT - DISTANCE ] )

What number is plural( abs( DISTANCE ), "position") to the leftright of the orange dot? The distance between tick marks is 1.

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

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

We know where `MIDPOINT` is on this number line because it is labeled.

Numbers to the left are less than `MIDPOINT`, while numbers to the right are greater than `MIDPOINT`.

We need to find the number represented by the blue dot, which is plural( abs( DISTANCE ), "position") to the leftright of the orange dot.

style({ stroke: "#6495ED", fill: "#6495ED" }); graph.blueDot = circle( [ NUMBER+DISTANCE, 0 ], 0.10 );

Starting from `MIDPOINT`, we move `abs( NUMBER-MIDPOINT+DISTANCE )` to the leftright to reach the blueorange dot.

var color = "#6495ED"; if ( DISTANCE === 0 ) { color = "#FFA500"; } style({ stroke: color, fill: color, strokeWidth: 3.5, arrows: "->" }); line( [ MIDPOINT, 0 ], [ NUMBER+DISTANCE, 0 ] ); graph.blueDot.toFront(); graph.orangeDot.toFront();

Thus, the blueorange dot represents the number `NUMBER+DISTANCE`.

var color = "#6495ED"; if ( DISTANCE === 0 ) { color = "#FFA500"; } label( [ NUMBER+DISTANCE, -0.53 ], NUMBER+DISTANCE, "center", { color: color });