Isometric illustrations

Draw interactive isometric figures that explain a system

This skill builds detailed interactive SVG figures that show how a technical idea works as a physical object, such as a dial gauge, a plotter, or a lock. Each figure has many small parts with four-tone shading and a framed card that carries a title, a hint, and a number that updates as you interact, with gentle animated motion. You can build it as plain TypeScript or JavaScript that outputs SVG and HTML pages, or within a React or Next.js project, and it can add WebGL shaders for effects like fire, water, and lamp light. Eight example figures ship with it, and it can share a completed figure in the Anatomy community gallery if you request that.