Watch movement

No. 24 · SVG · Automatic movement

A Swiss automatic movement, 25.6 mm across, in a holder on a bench mat. The balance swings at 4 Hz and the pallet fork lets the escape wheel through half a tooth eight times a second, so the seconds step in eighths.

Prompt

/anatomy explain how a mechanical watch keeps time, interactive

Install

npm install anatomy-figures

In your code

import { Watch } from "anatomy-figures";

<Watch theme="light" />

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

import Watch from "anatomy-figures/watch";

Theme it

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

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

Without React

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

define();

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