Flanged joint
Complete bolted flange joint: two weld-neck raised-face flanges, a spiral-wound gasket with inner ring and colour-coded centring ring, Xylan-coated B7 stud bolts with two 2H nuts each, short bevelled pipe stubs and a joint-integrity tag. Any ASME B16.5 / B16.47 Series A size and class.
Installation
Copies piping/flanged-joint.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 { FlangedJoint } from './components/deck-twin/piping/flanged-joint'
export default function Scene() {
return (
<Canvas shadows camera={{ position: [8, 5, 9], fov: 35 }}>
<Stage>
<FlangedJoint />
</Stage>
<OrbitControls makeDefault />
</Canvas>
)
}
Props
| Prop | Type | Default | Range |
|---|---|---|---|
nps | number (NPS, in) | null | |
rating | 150 | 300 | 600 | 900 | 1500 | 2500 | null | |
schedule | "10" | "20" | "40" | "STD" | "80" | "XS" | "160" | "XXS" | "10S" | "40S" | "80S" | null | |
stub | number (m) | null | 0 – 1 |
tag | string | null | |
...group | position, rotation, scale… |
P&ID
Two short parallel bars across the line (a flange pair), sometimes with a gap between them; at a nozzle only one bar is drawn against the equipment.
Two bars with a filled or open paddle between them, or with a figure-8 drawn beside them on a short stem, is a spectacle blind or spade (not a plain joint); two bars with taps and an FE tag is an orifice flange pair. Spec breaks (class changes) are marked at a flange with the two class codes.
npsratingscheduletagTypical suppliers
Weldbend · Flexitallic. 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/flanged-joint.json, or copy a ready-made instruction:
Add the Deck Twin "Flanged joint" component to this project. Run `npx -y https://decktwin.com/cli/deck-twin-0.2.2.tgz add flanged-joint` (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 flanged-joint` for its props, ranges and ports. Render <FlangedJoint /> 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