Forge and hammer

No. 20 · WebGL · Coal forge

Hold firehold hammertap tub

A coal forge with a hand-cranked blower beside a 100 lb power hammer. Cranking brings the bar to a yellow forging heat; each blow of the 45 kg ram flattens it a little more, and the quench tub takes it back to cold.

Prompt

/anatomy explain how a blacksmith heats steel in a coal forge and flattens it under a power hammer, interactive

Install

npm install anatomy-figures

In your code

page.tsx

import { Forge } from "anatomy-figures";

<Forge theme="light" />

Or load this figure on its own, so the others never download:

page.tsx

import Forge from "anatomy-figures/forge";

Theme it

Five themes (dark, light, paper, blueprint, sepia), or your own colours through tokens. Every token.

page.tsx

<Forge
  theme="light"
  tokens={{
    "--anatomy-card": "#ffffff",
    "--anatomy-lit": "#e5484d",
  }}
/>

Without React

index.html

import { define } from "anatomy-figures/element/forge";

define();

<anatomy-forge theme="light"></anatomy-forge>