Y-axis
Updated: 09/15/2017 by Computer Hope
With a two and three-dimensional plane, a y-axis or vertical axis refers to a two- or three-dimensional object's vertical height. In the illustration, the y-axis plane moves up and down and intersects with the x-axis and z-axis.
An example of what uses the y-axis is a computer mouse. Moving the mouse up or down increases and decreases the y-axis value, allowing the computer to know where the mouse cursor is on the screen.
JavaScript y-axis mouse position
Below is a JavaScript that shows the mouse's x-axis and y-axis positions as you move your mouse pointer in the screen area.
Note
If you're on a smartphone or tablet, tap your finger to get the position of the tap.
Other examples of a y-axis
Below are a few other examples of how the y-axis is used on a computer.
- Help position and keep track of the mouse cursor on the screen.
- A character or another object in a computer game moving up and down on the screen has a y-axis value determining its location.
- With a chart, the y-axis is the data expressed vertically. The higher a data point is represented vertically, the greater the value of the data which corresponds with that point on the x-axis.
- In computer graphics, to draw a vertical line, use the y-axis to determine the start and end points of the line. Drawing a two-dimensional object requires only the x-axis and y-axis. However, a 3D object requires a z-axis.
- Other input devices like a joystick also use a y-axis to control objects like a tank or airplane.