Isometric projection of a vector

This online calculator draws isometric projection of a vector, giving its coordinates in 3D space.

This page exists due to the efforts of the following people:



Created: 2019-07-19 06:05:36, Last updated: 2021-02-28 16:16:20
Creative Commons Attribution/Share-Alike License 3.0 (Unported)

This content is licensed under Creative Commons Attribution/Share-Alike License 3.0 (Unported). That means you may freely redistribute or modify this content under the same license conditions and must attribute the original author by placing a hyperlink from your site to this work Also, please do not modify any references to the original work (if any) contained in this content.

When I've started to write a calculator Cross product calculator, I've planned to visualize the results of cross product on the graph, so that calculator can stand out from the crowd to say so. Thus, I needed to find a way to display a 3D vector on a 2D picture. Surely, I wanted to use isometric projection.

Isometric projection is a method for visually representing three-dimensional objects in two dimensions in technical and engineering drawings. It is an axonometric projection in which the three coordinate axes appear equally foreshortened, and the angle between any two of them is 120 degrees.1

How to draw a vector with three coordinates in 3D space as a vector with two coordinates on a 2D plane? We need to find a formula which converts 3 coordinates x, y, z into 2 coordinates x, y. It turned out to be quite simple. Since each vector in 3D space can be defined as a linear combination of three standard basis vectors, we need to find a formula for converting them and then use 3D vector coordinates as scalar multipliers.

Now let's look at the picture below, which shows how the three standard basis vectors look like in isometric projection (we use a right-handed coordinate system, where the x-axis points to the left, y-axis points to the right)


We know that vector i in three dimensional coordinate system has coordinates (1,0,0). If we look at the picture, we can see that its coordinates in two dimensional coordinate system is (-cos30^\circ,-cos60^\circ).
For vector j with (0,1,0) it is (cos30^\circ, -cos60^\circ), and for vector k (0,0,1) it is simply (0,1).

Now we just need to form a conversion matrix which turns our 3D basis vectors to new 2D vectors when used. And here is the final conversion expression in matrix form:
{\begin{pmatrix}x_{3d} & y_{3d} & z_{3d}\end{pmatrix}}={\begin{pmatrix}-cos30^\circ & -cos60^\circ\\cos30^\circ & -cos60^\circ\\0 & 1\end{pmatrix}}={\begin{pmatrix}x_{2d} & y_{2d}\end{pmatrix}}

If we use this matrix to convert basis vectors, we indeed end up with 2d vectors listed above. This conversion matrix is used in the calculator below to display a 3D vector on a 2D picture using isometric projection.

PLANETCALC, Isometric projection of a vector

Isometric projection of a vector

URL copied to clipboard
PLANETCALC, Isometric projection of a vector