isomerjs

Isomer is a lightweight JavaScript library for drawing isometric scenes on an HTML5 canvas. It provides abstractions for points, vectors, paths, shapes, colors, and the complete rendering surface. Built-in shape helpers create prisms, pyramids, and cylinders, while extrusion turns two-dimensional paths into three-dimensional objects. Shapes can be translated, scaled, or rotated around the X, Y, and Z axes. The renderer orders surfaces by depth to reduce visual overlap problems when drawing complex scenes. Developers can combine custom paths and colors to construct buildings, diagrams, game graphics, and procedural illustrations. The library can be added directly through a script file and requires no dedicated 3D rendering engine.