Help - Displacement vs. Distance Traveled

The applet shows initial and final positions, displacement, and distance travelled for a ball moved from one point to another.

Click on a number to view its explanation.


  1. Reset
  2. Resets the applet to its default setting.

  3. Replay
  4. Resets the simulation to the previously chosen starting point.

  5. Coordinate Grid
  6. Displays a coordinate grid, which may help you in judging positions.

  7. Data
  8. Displays

    The distance travelled by the ball shown at top left and the magnitude and direction of the ball's displacement shown at top right are always displayed. The direction of the displacement is indicated in terms of an angle that is taken in the positive sense, i.e., counter-clockwise, relative to the positive x direction.

  9. Set the Ball's Initial Position
  10. To place the ball at an initial position other than the origin, click the PositionSet button. Then click at the point where you want the ball to be, drag it if you like, and release the mouse button. The ball's initial position is now fixed. You can repeat the process to set the ball somewhere else.

    While the mouse button is still held down, the coordinates of the point are displayed next to the point. To see what the ball's coordinates are after that, click the Data button (4).

  11. Position Vectors
  12. Displays the initial and final position vectors. The initial position vector is shown dimmed. Click the Data button (4) to see the coordinates of the initial and final positions.

  13. Path and Displacement
  14. After the ball's position has been set, one can move the ball by clicking on it and dragging. The ball's displacement vector from the ball's initial to its final position is displayed in green. The actual path traveled by the ball is shown in blue.

    The magnitude and direction of the displacement vector are displayed at top right, and the distance traveled by the ball along its path is displayed at top left.

    Holding down the SHIFT key while dragging the ball will result in a straight line path that is either horizontal, vertical, or at a 450 angle.

    After moving the ball along a path segment, one can move it along another adjoining segment by clicking on the ball again and dragging it.