randRange( 0, 10 ) randRange( 0, 10 )

Grafica (X, Y)


graphInit({range:[[-1,11],[-1,11]],scale:30,axisArrows:"<->",tickStep:1,labelStep:1,gridOpacity:.05,axisOpacity:.2,tickOpacity:.4,labelOpacity:.5}),label([0,11],"y","above"),label([11,0],"x","right"),addMouseLayer(),graph.movablePoint=addMovablePoint({coord:[0,0],snapY:1,snapX:1}),graph.movablePoint.onMove=function(e,r){return[max(0,min(e,10)),max(0,min(r,10))]}
Arrastra el punto anaranjado para graficar el punto que se indica.
graph.movablePoint.coord
return 0===guess[0]&&0===guess[1]?"":guess[0]===X&&guess[1]===Y
graph.movablePoint.setCoord(guess)

Las coordenadas aparecen como (\blue{x},\green{y}).

Así que para ( \blue{X}, \green{Y} ) nuestra coordenada en x es X y nuestra coordenada en y es Y.

La coordenada en x indica qué tanto debemos movernos hacia la derecha del origen, y la coordenada en y cuánto debemos movernos hacia arriba del origen.

Dado que nuestra coordenada en x es igual a 0, no necesitamos movernos a la derecha del origen.

Dado que nuestra coordenada en x es igual a X, nos movemos X a la derecha del origen.

style({stroke:BLUE,strokeWidth:3,arrows:"->"},function(){line([0,0],[X,0])}),graph.movablePoint.toFront()
Dado que nuestra coordenada en y es igual a 0, no necesitamos movernos hacia arriba del origen.

Dado que nuestra coordenada en y es igual a Y, nos movemos hacia arriba Y del origen.

style({stroke:GREEN,strokeWidth:3,arrows:"->"},function(){line([X,0],[X,Y])}),graph.movablePoint.toFront()

Mueve el punto a ( \blue{X}, \green{Y} ) en el punto señalado arriba. Muéstrame">

style({stroke:PINK,strokeWidth:3},function(){line([X-.25,Y-.25],[X+.25,Y+.25]),line([X+.25,Y-.25],[X-.25,Y+.25])}),graph.movablePoint.toFront()