Magnetic level gauge
Magnetic (float) level gauge: stainless chamber with flanged side connections (ports upper and lower), blind-flanged top and bottom with vent and drain valves, and a bicolour flag indicator with graduated scale behind a window. Optional clamp-on magnetostrictive transmitter and up to three clamp-on level switches. The level prop sets the flags.
Installation
Copies instruments/magnetic-level-gauge.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 { MagneticLevelGauge } from './components/deck-twin/instruments/magnetic-level-gauge'
export default function Scene() {
return (
<Canvas shadows camera={{ position: [8, 5, 9], fov: 35 }}>
<Stage>
<MagneticLevelGauge />
</Stage>
<OrbitControls makeDefault />
</Canvas>
)
}
Props
| Prop | Type | Default | Range |
|---|---|---|---|
length | number (m) | null | 0.4 – 6 |
nps | number (NPS, in) | null | |
chamberNps | number (NPS, in) | null | |
rating | 150 | 300 | 600 | 900 | 1500 | 2500 | null | |
level | number | null | 0 – 1 |
transmitter | boolean | null | |
switches | number | null | 0 – 3 |
housing | "actuatorBlue" | "stainless" | "aluminium" | "equipmentPaintDark" | null | |
tag | string | null | |
...group | position, rotation, scale… |
P&ID
Tall narrow chamber beside the vessel with an upper and a lower side connection (isolation valves on each, vent on top, drain below), labelled with an LG or LI bubble.
Same chamber with a transmitter strapped on is LG plus LT on one bridle (set transmitter). A plain glass (reflex / transparent) gauge is drawn the same and is also tagged LG; check the datasheet.
lengthnpschamberNpsratingtransmitterswitchestagTypical suppliers
Magnetrol / Orion Instruments · Emerson (Rosemount). 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/magnetic-level-gauge.json, or copy a ready-made instruction:
Add the Deck Twin "Magnetic level gauge" component to this project. Run `npx -y https://decktwin.com/cli/deck-twin-0.2.2.tgz add magnetic-level-gauge` (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 magnetic-level-gauge` for its props, ranges and ports. Render <MagneticLevelGauge /> 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