Process pump

No. 23 · WebGL · Refinery pump

Drag ↔ valve↕ drum levelFstrainer

An API 610 process pump cut open at the shaft, drawing 255 °C gas oil from a suction drum. Starve its suction head and vapour sheets grow on the vanes at the eye while the head on the curve drops.

Prompt

/anatomy explain how a refinery pump cavitates when its suction head runs short, interactive

Install

npm install anatomy-figures

In your code

page.tsx

import { ProcessPump } from "anatomy-figures";

<ProcessPump theme="light" />

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

page.tsx

import ProcessPump from "anatomy-figures/process-pump";

Theme it

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

page.tsx

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

Without React

index.html

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

define();

<anatomy-process-pump theme="light"></anatomy-process-pump>