Swivel-ring flange
Pipeline and riser swivel-ring flange. A forged weld hub with a bevelled weld end carries the gasket face, RTJ with the B16.5 octagonal groove for the class or RF. A loose drilled ring sits on a tapered seat behind the hub head. swivel turns the ring so the bolt holes can be aligned with the mating flange without rolling the pipeline. Drilling and OD follow ASME B16.5, so the flange mates a standard flange; the head, seat and neck proportions are typical.
Installation
Copies piping/swivel-ring-flange.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 { SwivelRingFlange } from './components/deck-twin/piping/swivel-ring-flange'
export default function Scene() {
return (
<Canvas shadows camera={{ position: [8, 5, 9], fov: 35 }}>
<Stage>
<SwivelRingFlange />
</Stage>
<OrbitControls makeDefault />
</Canvas>
)
}
Props
| Prop | Type | Default | Range |
|---|---|---|---|
nps | number (NPS, in) | null | |
rating | 150 | 300 | 600 | 900 | 1500 | 2500 | null | |
facing | "RTJ" | "RF" | null | |
schedule | "10" | "20" | "40" | "STD" | "80" | "XS" | "160" | "XXS" | "10S" | "40S" | "80S" | null | |
swivel | number (°) | null | 0 – 45 |
stub | number (m) | null | 0 – 1 |
tag | string | null | |
...group | position, rotation, scale… |
P&ID
In section: a weld hub carrying the gasket face with a separate loose ring that can rotate around it to align bolt holes; drawn with a curved arrow on some pipeline tie-in details. On P&IDs a flange bar, often at a riser or spool tie-in.
Found at subsea and riser tie-ins where bolt-hole alignment is hard. On P&IDs it is indistinguishable from other flanges; read the tie-in detail.
npsratingfacingscheduletagTypical suppliers
Oil States. 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/swivel-ring-flange.json, or copy a ready-made instruction:
Add the Deck Twin "Swivel-ring flange" component to this project. Run `npx -y https://decktwin.com/cli/deck-twin-0.2.2.tgz add swivel-ring-flange` (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 swivel-ring-flange` for its props, ranges and ports. Render <SwivelRingFlange /> 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