iso-kit (core drawing kit)

Tools · A map or a diagram · MIT

Tap the picture to play it.

What it does

The whole core in one file with no dependencies: an isometric camera (azimuth 45, elevation 30 by default, fitted to your points), solids with four side tones and a lighter top (slabs, cylinders, extrusions with bevels), parts such as knurls, coils, ruler ticks and dot grids, an SVG string renderer, a card and page builder, and the CSS for a dark and a light theme. 55 exports in 674 lines. Every function is pure geometry in, SVG path out: there is no clock in it. Ships as TypeScript (iso-kit.ts) and as plain ESM (iso-kit.mjs).

Get it

import * as k from './kit/iso-kit.mjs'; const P = k.fitProjection(points, 600, 380, { pad: 30 }); const svg = k.figureSvg({ width: 600, height: 380, label: '...', body: k.solidSvg(k.slabOf({ x: -60, y: -60, w: 120, d: 120, r: 8 }, 0, 12, P), { tone: 'mid' }) });

Source on GitHub
Needs

Node 20.10 or later, or any browser; nothing to install

License

MIT

License notes are on the pack's page

From

Anatomy

Everything from Anatomy in the gallery

Back to the Asset Library