Electrochlorination (hypochlorite) package
Seawater electrochlorination skid: inlet ball valve, motorised auto-backwash strainer with DP gauges and flush valve, electromagnetic flowmeter (low-flow trip), a rack of tubular electrolyser cells in series with U-bends, DC terminals and busbars fed from a louvred transformer-rectifier cabinet, a GRP degassing tank with level instruments, manway and H2 / air vent stack, duty / standby hydrogen-dilution blowers with ducts, and duty / standby dosing pumps to the hypochlorite outlet. LCP and cable tray. cells sets the stack height.
Installation
Copies packages/hypochlorite-generator.tsx and the shared lib/ into src/components/deck-twin/. Needs three, @react-three/fiber and @react-three/drei. See installation for the manual route.
Usage
import { Canvas } from '@react-three/fiber'
import { OrbitControls } from '@react-three/drei'
import { Stage } from './components/deck-twin/lib/stage'
import { HypochloriteGenerator } from './components/deck-twin/packages/hypochlorite-generator'
export default function Scene() {
return (
<Canvas shadows camera={{ position: [8, 5, 9], fov: 35 }}>
<Stage>
<HypochloriteGenerator />
</Stage>
<OrbitControls makeDefault />
</Canvas>
)
}
Props
| Prop | Type | Default | Range |
|---|---|---|---|
cells | number | null | 2 – 8 |
tankDiameter | number (m) | null | 0.8 – 2 |
tankHeight | number (m) | null | 1.2 – 2.6 |
seawaterNps | number (NPS, in) | null | |
hypoNps | number (NPS, in) | null | |
running | boolean | null | |
tag | string | null | |
...group | position, rotation, scale… |
P&ID
Dash-dot package boundary with a seawater strainer, electrolyser cells (boxes with parallel electrode plates) fed from a DC rectifier (square with diagonal, ~ / =), a degassing tank venting hydrogen, and hypochlorite dosing out to the seawater caissons.
Electrolyser cells plus a rectifier identify it; a chemical-injection-skid has a tank and metering pumps instead. ISA codes here: AT = H2.
cellstankDiametertankHeightseawaterNpshypoNpstagTypical suppliers
De Nora (SEACLOR) · Evoqua (OSEC / Chloropac) · Chlory Technology · OCEANCHLOR. The geometry is generic and sized from public standards. It is not vendor CAD.
For agents
Machine-readable entry with props, ranges, defaults and ports:
Or fetch /r/hypochlorite-generator.json, or copy a ready-made instruction:
Add the Deck Twin "Electrochlorination (hypochlorite) package" component to this project. Run `npx -y https://decktwin.com/cli/deck-twin-0.2.2.tgz add hypochlorite-generator` (it copies the file and the shared lib into src/components/deck-twin/), then `npx -y https://decktwin.com/cli/deck-twin-0.2.2.tgz info hypochlorite-generator` for its props, ranges and ports. Render <HypochloriteGenerator /> inside a React Three Fiber <Canvas shadows>, wrapped in <Stage> from src/components/deck-twin/lib/stage. Set props from my data (metres, NPS in inches, ASME class) and leave the rest at defaults. Install three, @react-three/fiber, @react-three/drei and @types/three if they're missing. Full guide: https://decktwin.com/skill/SKILL.md