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 adjacent tick marks is 1.

What number does the orange dot represent? The distance between adjacent 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 of MIDPOINT are smaller, while numbers to the right of MIDPOINT are bigger.

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();

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

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