Bar grating panel
Welded / pressure-locked steel bar grating panel modelled bar by bar: bearing bars along X at the set pitch (30 × 3 mm at 30 mm by default), cross bars at 100 mm, edge banding, optional 100 mm kick plates on the long edges and saddle clips at the corners. Bottom on y = 0, walking surface at y = depth, centred on the origin; the bearing bars span along X.
Installation
Copies structure/grating-panel.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 { GratingPanel } from './components/deck-twin/structure/grating-panel'
export default function Scene() {
return (
<Canvas shadows camera={{ position: [8, 5, 9], fov: 35 }}>
<Stage>
<GratingPanel />
</Stage>
<OrbitControls makeDefault />
</Canvas>
)
}
Props
| Prop | Type | Default | Range |
|---|---|---|---|
length | number (m) | null | 0.2 – 3 |
width | number (m) | null | 0.1 – 1.5 |
depth | 0.025 | 0.03 | 0.04 | 0.05 | null | |
pitch | 0.02 | 0.03 | 0.034 | null | |
kickPlates | boolean | null | |
clips | boolean | null | |
finish | "galvanised" | "painted" | null | |
...group | position, rotation, scale… |
P&ID
Plan view: an area filled with close parallel lines (the bearing bar direction), sometimes a cross-hatch, with the panel outline; solid plate is drawn plain or with a checker-plate hatch.
Only on structural and layout drawings. The hatch direction shows the span direction of the bearing bars.
lengthwidthdepthpitchkickPlatesfinishTypical suppliers
Lionweld Kennedy. 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/grating-panel.json, or copy a ready-made instruction:
Add the Deck Twin "Bar grating panel" component to this project. Run `npx -y https://decktwin.com/cli/deck-twin-0.2.2.tgz add grating-panel` (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 grating-panel` for its props, ranges and ports. Render <GratingPanel /> 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