Vexplot
Graph Editor

How to Plot Points on a Coordinate Plane

Create a four-quadrant coordinate graph, plot four points, show their labels and coordinates, and customize their appearance using Vexplot Graph Editor.

A (2, 3)
B (-3, 2)
C (-2, -3)
D (3, -2)
Open Graph Editor
Finished four-quadrant coordinate graph with points A at 2, 3; B at negative 3, 2; C at negative 2, negative 3; and D at 3, negative 2

What you'll create

A four-quadrant coordinate graph with four labelled points, ready to export.
1

Start with a blank graph

Open a new Graph Editor document. The initial canvas shows a positive X and Y range, so it needs a quick adjustment before you can place points in all four quadrants.

New Vexplot Graph Editor document showing a blank coordinate grid with positive X and Y values
2

Set the X and Y axis ranges

  • In the left sidebar, set both the X Range and Y Range from -5 to 5. The range determines which coordinates are visible.
  • Leave both X Step and Y Step set to 1. This places a tick and grid position at every whole number.
  • For example, changing a step to 2 would space its ticks two units apart, such as -4, -2, 0, 2, and 4.
Graph settings panel with X and Y ranges set from negative 5 to 5 and both axis steps set to 1
3

Adjust the grid spacing

  • In the left sidebar, Grid width controls the horizontal distance between X-axis ticks.
  • Grid height controls the vertical distance between Y-axis ticks.
  • These are optional visual adjustments. They make the graph more spacious or compact, but do not change its coordinates.
Graph settings panel showing the Grid width and Grid height controls
4

Check the four-quadrant graph

  • After changing the settings in the left sidebar, check that the canvas shows both negative and positive values on the X and Y axes.
  • The origin (0, 0) should sit near the center where the axes cross.
  • Right and left determine positive and negative X; up and down determine positive and negative Y.
Adjusted coordinate plane showing negative and positive X and Y axes with the origin centered
5

Switch to Point mode

Select Point mode before clicking grid intersections. Points snap to the configured grid and tick positions, making exact coordinates easy to place.

Choose Point, then click an intersection
Graph Editor mode toolbar with Point mode selected
6

Plot the four points

Click the grid intersections for these coordinates. Together, they place one example point in each quadrant.

A (2, 3)Quadrant I
B (-3, 2)Quadrant II
C (-2, -3)Quadrant III
D (3, -2)Quadrant IV
Coordinate plane with points A, B, C, and D plotted in the four quadrants
7

Style a point

Switch back to Select mode and choose a point. The styling inspector changes its marker, labels, and coordinate display without affecting its position.

A selected point in Graph Editor with the point styling inspector open

Styling controls

  • Marker color and size
  • Point label, color, and font size
  • Coordinate label visibility, color, and font size

Drag labels to reposition

Point and coordinate labels can be dragged directly on the graph when they overlap other content or another position looks clearer.
8

Export the finished graph

Open Download when the graph is ready, then choose the image format and output settings that suit where you plan to use it.

Graph Editor export dialog showing PNG quality, export border, and background options

Choose the final output

  • PNG quality: Choose 1×, 2×, 3×, or 4× output. A higher setting creates an image with more pixels for larger or sharper use.
  • Background: SVG and PNG exports can keep the graph's background colour or use a transparent background.
  • PNG export border: Add extra space around the PNG in pixels so the graph does not sit directly against the image edge.

Next steps

Your labelled coordinate graph is ready to use or export.
Open Graph Editor