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