Sight glass

Flanged double-window sight flow indicator: hollow body with the flow bore open through, opposed borosilicate windows on gaskets in bolted square retainers, and a hinged stainless flapper that swings with flow. Face-to-face from typical vendor tables for class 150 / 300; integral raised-face flanges.

Installation

Copies piping/sight-glass.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 { SightGlass } from './components/deck-twin/piping/sight-glass'

export default function Scene() {
  return (
    <Canvas shadows camera={{ position: [8, 5, 9], fov: 35 }}>
      <Stage>
        <SightGlass />
      </Stage>
      <OrbitControls makeDefault />
    </Canvas>
  )
}

Props

P&ID

A circle in the line between two flange bars, often with a small flapper or ball drawn inside, tagged FG (flow glass / sight flow indicator).

tag SGISA FGISO 10628-2 / ISA 5.1 (flow glass, FG)

A circle in the line tagged FG is a sight glass; an LG on a vessel is a level gauge; a circle with M is a mag meter or motor.

Sight flow indicator datasheet (ASME B16.5 / B31.3) fields and the props they set

Nominal sizenps

Flange ratingrating

Indicatorindicator

Typical suppliers

L.J. Star · Jacoby-Tarbox (Clark-Reliance). 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/sight-glass.json, or copy a ready-made instruction:

Add the Deck Twin "Sight glass" component to this project. Run `npx -y https://decktwin.com/cli/deck-twin-0.2.2.tgz add sight-glass` (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 sight-glass` for its props, ranges and ports. Render <SightGlass /> 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