Free Dimetric Projection Grid Generator

Dimetric is the middle case: two axes share a scale, the third has its own. It is the one you choose when the subject has a face you want to favour — a building elevation, a control panel, the top of a machine — without going all the way to perspective.

The default angles here are 7° and 42°, and those are not arbitrary. ISO 5456-3, the international standard covering axonometric representations in technical drawing, sets out a dimetric case at exactly that pair. The angles were chosen because the axis scales that result are close to convenient ratios — near enough to 1:1:½ that a draughtsman could work with an ordinary scale rule instead of computing every measurement.

That practical concern is worth dwelling on, because it explains the whole shape of the standard. Before CAD, the cost of a projection was measured in how many different rulers you needed. Isometric needed one. A dimetric pair chosen carelessly needed two awkward ones. The 7°/42° pair needed two easy ones. The geometry was picked to fit the tools.

Games arrived at dimetric independently and for a different reason: pixels. A line drawn at 30° — the true isometric angle — cannot be rendered cleanly on a square pixel grid, because the ratio of rise to run is irrational. A line at 2:1, two pixels across for every one down, renders as a perfectly regular staircase with no anti-aliasing needed.

Where dimetric earns its place over isometric is any subject with a dominant face. A cabinet whose front is the whole point. A dashboard. A building where the elevation carries the design and the two side walls are context. Isometric gives all three equal weight by construction; dimetric lets you decide.

It also solves a specific isometric annoyance: at 30°, a cube's front-top edge and its side-top edge are mirror images, and any subject with a strong diagonal in it produces coincidences — edges that land exactly on top of each other and read as one line. Shifting to an asymmetric pair breaks those coincidences without changing the character of the drawing.

The history runs through engineering rather than art. The dimetric overlay page follows that thread, and the perspective overlays hold the whole projection family. William Farish's 1822 paper On Isometrical Perspective is the usual starting point for axonometric drawing in the English-speaking world; he was after a way to draw machinery that could be measured off the page. The dimetric and trimetric cases were formalised over the following century as drafting standards were written, and ISO 5456-3 is the modern descendant.

Meanwhile the projection had a parallel life in East Asian painting, where oblique construction — a related parallel projection — had been standard in Chinese and Japanese scroll painting for a thousand years before Farish. The handscroll form makes converging perspective impossible: the viewer moves along the picture, so there is no single station point for lines to converge toward.

Choosing your two angles in practice comes down to how much of each face you want. A low first angle, near the 7° default, keeps the near face close to a true elevation — you see it almost flat on, and it stays readable. A higher first angle turns it toward the viewer and starts to show its depth.

The second angle governs the other face and the apparent height of the viewpoint. At 42° you are looking down at a fairly steep angle, which is what you want for a floor plan with walls. At 30° you are lower and the drawing reads more like an elevation with depth.

One caution: very shallow angles, under about 5°, produce lines close enough to horizontal that they interfere with the picture's own horizontals, and the grid stops being a construction aid and becomes a moiré pattern. Very steep ones, over about 60°, produce the same problem against verticals.

The density control divides the short side of the canvas into a number of steps, and the same spacing is then applied along every axis. Because the axes are at different angles, the resulting cells are parallelograms rather than squares. That is correct — the cells represent equal steps along each axis, and the axes genuinely are foreshortened differently.

For transferring a specific design, work backwards: decide the smallest feature you need to place, then set the density so that feature is at least one cell across. Below that, the grid tells you nothing you can act on.

Laying the grid over an existing image is the fastest way to reverse-engineer a projection. Load a screenshot or a piece of reference art, then adjust the two angles until the grid lies flat along the subject's own edges. When it locks, you have the projection, and you can draw a new asset that will sit in the same world.

That is a genuinely common task and a genuinely annoying one to do by eye, because the difference between 26° and 30° is invisible on a small sample and glaring once an asset is placed in a scene next to the originals.

This tool draws over your image rather than exporting a fixed template because the placement is part of the answer. Where the grid origin sits determines which of the subject's edges land on grid lines, and that decision is made against the subject, not against a blank sheet.

The export sizes itself from the paper format and the DPI you choose, not from your screen. A grid exported at A3 and 600 DPI is a printable construction sheet; the same grid at SVG is an editable layer for a vector application. The isometric grid generator foreshortens all three equally.

Everything runs in your browser. Images you load are never uploaded, because there is no server for them to reach — the drawing, the transform and the export all happen on your own machine.