Component Reference
The complete inventory of the visualization layer: 53 widgets, 9 drawing tools and 1048 HMI symbols.
Each widget has its own page — follow the link for what it is for, its properties and its events. Use the component name exactly as written; it is the identifier the Designer, the import/export documents and the AI assistant all use.
Widgets
| Component | Name | Category | In the palette |
|---|---|---|---|
| Alarm Bell | AlarmBell | Alarm | Annunciator: a bell + active-alarm count badge; click for a summary popover with acknowledge |
| Alarm Event | AlarmEvent | Alarm | Live active alarms with state, severity accent, filtering, and acknowledge |
| Alarm Journal | AlarmJournal | Alarm | Append-only alarm history — searchable and paged, fast over months of data |
| Alarm Performance | AlarmDashboard | Alarm | ISA-18.2 monitoring: alarm rate, top bad actors, per-priority split, KPIs |
| Bar Chart | BarChart | Chart | Bars over a category axis — toggle horizontal or stack. Bind data to a named query; click a bar to expose {{point.value}}. |
| Historian | Historian | Chart | Time-series chart driven by the historian. Backfills the configured window, then tails live ticks as they arrive. |
| HMI Sparkline | HmiSparkline | Chart | Lightweight inline trend with an optional desired-range band; light enough to repeat many times per view |
| HMI Trend | HmiTrendChart | Chart | HP HMI embedded trend: operating-range Y-axis, desired-range band + dashed alarm limits, neutral line that colours only on excursion |
| Line Chart | LineChart | Chart | Line series over a category axis — toggle smooth / step / area / stack. Bind data to a named query; click a point to expose {{point.value}}. |
| Pie Chart | PieChart | Chart | Pie — set innerRadius for a donut, or the rose toggle. Bind data to a named query; click a slice to expose {{point.value}} and {{point.percent}}. |
| Radar Chart | RadarChart | Chart | Multi-axis radar (one polygon per row). Numeric columns become axes; bind data to a named query. |
| Scatter Chart | ScatterChart | Chart | Scatter / bubble (size + group fields). Bind data to a named query; click a point to expose {{point.value}} ([x, y]). |
| Sparkline | Sparkline | Chart | Compact chrome-less trend (line / area / bar). Bind data to a named query or a tag history. |
| Embedded View | EmbeddedView | Container | Embed another view into the current layout |
| Flex Container | FlexContainer | Container | Flexible layout container |
| Flex Repeater | FlexRepeater | Container | Repeat a view once per item of a bound array |
| Tab Container | TabContainer | Container | Tabbed container — one tab per panel, only the open tab is mounted |
| 3D Viewer | Viewer3D | Display | Renders an imported 3D model (GLB) with live tag bindings: color, emissive, opacity and visibility of any node in the model can follow a tag. |
| File Manager | FileManager | Display | Browse, upload, organize and download files in the shared uploads folder. Scope it to a root sub-folder, filter by type (images, video, documents, …), and switch between grid and list views. Shows a clear warning until an admin configures the upload folder. |
| Gauge | Gauge | Display | Analog gauge with arc indicator and needle |
| Icon | Icon | Display | A single scalable vector icon from the icon library |
| Image | Image | Display | Image element |
| Linear Scale | LinearScale | Display | Ruler-style scale — tick marks, numeric labels, indicators and a live pointer |
| Map | OpenStreetMap | Display | An OpenStreetMap geographic map with live, tag-bindable markers. Tiles are served through the same-origin backend proxy. |
| Markdown | Markdown | Display | Renders Markdown (GitHub-Flavored) as rich text — headings, lists, tables, task lists and syntax-highlighted code. Bind the content to a tag to drive it live. Safe by default; raw HTML is opt-in and sanitised. |
| Moving Analog Indicator | MovingAnalogIndicator | Display | HP HMI value-in-context bar: alarm bands (muted until entered), PV arrow + setpoint tick |
| PDF Viewer | PdfViewer | Display | Displays a PDF document from the asset Library or the Uploads folder (manuals, SOPs, drawings) with page navigation, zoom and download. Rendered by PDFium-WASM in a worker — no external downloads. |
| Progress | Progress | Display | Progress / fill bar — horizontal or vertical, single- or multi-value, with a numeric readout |
| Segment Display | SegmentDisplay | Display | 7- or 16-segment digital readout for floating-point values |
| Table | Table | Display | Data table that stays fast over large result sets |
| Tag Browser | TagBrowser | Display | Browse the tag namespace as a tree and select tags (structure only, no live values) |
| Tank | Tank | Display | Liquid level tank with fill indicator |
| Text | Text | Display | Text element with typography presets (h1–h6, paragraph, quote…) |
| Tree | TreeView | Display | A generic, customizable tree — author nodes with any icon, or bind a data hierarchy |
| Video Player | VideoPlayer | Display | Plays a video from the asset Library or the Uploads folder (training clips, SOPs, recorded incidents) with themed controls, shows a LIVE camera feed from the site's own media server, or embeds a YouTube/Vimeo link. Library, Uploads and live camera feeds all work OFFLINE; hosted video needs internet access and an administrator to enable External frames. Browsers play MP4 (H.264) and WebM — a DVR export in .avi/.mkv must be re-exported as MP4. |
| AI Chat | AIAssistant | Input | An AI assistant on this screen. Tick the skills it may use and the part of the plant it covers; operators can then ask about tags, alarms and your uploaded manuals without leaving the screen. It can read and suggest — it never changes anything on its own. |
| Button | Button | Input | Clickable button |
| Checkbox | Checkbox | Input | Checkbox group — pick one (single) or many (multiple) |
| Color Picker | ColorPicker | Input | Pick a color — exposes the chosen CSS color string on its value |
| Date Picker | DatePicker | Input | Date, date-range, or time picker |
| Dropdown | Dropdown | Input | Dropdown selection field |
| Form | Form | Input | Collect inputs and submit them to a database via a write Named Query |
| Input | Input | Input | Text input field |
| Radio | Radio | Input | Single-choice radio group |
| Slider | Slider | Input | Numeric slider track (exposes a number value) |
| Switch | Switch | Input | On/off toggle (exposes a boolean value) |
| Textarea | Textarea | Input | Multi-line text input |
| Upload | Upload | Input | Pick / drop a file — store it anywhere via its value or the fileReceived event |
| WYSIWYG | WYSIWYG | Input | Rich Markdown editor (live split source/preview). Exposes the authored markdown on its value — bindable, and usable as a form field. |
| Horizontal Menu | HorizontalMenu | Navigation | Top navigation with popover submenus |
| Link | Link | Navigation | Hyperlink |
| Vertical Menu | VerticalMenu | Navigation | Side navigation with submenus |
| Scheduler | Scheduler | Scheduler | A use-case-agnostic resource/timeline planning board — nested resources, Day/Week/Month scale views, author-defined categories and configurable bars. Bind resources/events to Named Queries for live schedules. |
Drawing tools
Vector shapes drawn directly on a coordinate view. Geometry properties (x1Norm, y1Norm, x2Norm, y2Norm, points) are normalized 0–1 within the shape's box; omit them for a sensible default.
See Drawing & symbols for how to use them.
Arrow
Arrow — a line with a flippable arrow head at its centre
Component name: Arrow


| Property | Type | Default | Description |
|---|---|---|---|
routing | enum | straight | Options: straight · orthogonal · horizontal · vertical · isometric · curved · entityRelation. |
corner | enum | sharp | Options: sharp · rounded. |
stroke | color | currentColor | — |
strokeWidth | number | 2.5 | — |
strokeDasharray | enum | "" | Options: `` · 4 4 · 1 4 · 8 4 · 8 4 2 4 · 12 4 4 4. |
strokeLinecap | enum | butt | Options: butt · round · square. |
strokeOpacity | number | 1 | — |
lineType | enum | none | P&ID line type (ISA-5.1). 'process' is a pipe; 'electric' is a dashed instrument signal; 'pneumatic' adds double hash marks; 'data-link' adds circles for a software/digital link. 'none' leaves the styling to strokeDasharray. Stroke colour and width are always yours. Options: none · process · electric · electric-binary · pneumatic · pneumatic-binary · data-link · hydraulic · capillary · electromagnetic · mechanical. |
lineTypeSpacing | number | 0 | Gap (px) between a glyph line type's marks. 0 = the type's own default. The readable interval depends on sheet scale. |
lineTypeCount | number | 0 | Draw EXACTLY this many marks, spread evenly over the line. 0 = auto — let lineTypeSpacing decide, so the count grows with the line's length. Overrides lineTypeSpacing when set. |
lineTypeScale | number | 1 | Size multiplier for a glyph line type's marks. 1 = the type's own default size. Grows the mark, not its stroke weight — a wave on an overview drawing usually wants 1.5–2. |
fittings | string | "" | P&ID fittings placed ALONG this line, as space-separated "SymbolKey@position" tokens — position is 0..1 along the routed pipe, so the fitting follows the pipe when it moves. Append '!' to flip a directional symbol. Example: "PidPipingFlange@0.25 PidFittingReducer@0.6!". Use the symbol names from the Piping and Fittings categories. |
fittingSize | number | 22 | Drawn size of each fitting on this line, in px. Unlike a line-type mark this does NOT scale with strokeWidth — a fitting is a component whose size you pick for the sheet. |
startMarker | enum | none | Options: none · arrow · circle · square. |
endMarker | enum | none | Options: none · arrow · circle · square. |
markerSize | number | 5 | — |
midMarker | enum | none | Head drawn at the CENTRE of the line (on the stroke), not at an endpoint. Options: none · arrow · circle · square. |
midFlip | boolean | false | Reverse the centre head only — the line itself is unchanged. |
opacity | number | 1 | — |
shadow | boolean | false | — |
animationType | enum | none | Options: none · blink · pulse · flow · colorCycle · rotate · glow · shake · flicker. |
animationDuration | number | 2 | seconds |
animationEasing | enum | linear | Options: linear · ease · ease-in · ease-out · ease-in-out. |
flowSource | tag | "" | Tag that drives this pipe — a flow rate or a run/stop flag. Set it to make the line live: it animates while flowing, greys out when idle. Leave empty for a plain line. |
flowCompare | enum | > | How flowSource is tested for "flowing". Options: > · >= · < · <= · == · != · truthy. |
flowThreshold | number | 0 | — |
flowColor | color | #5b8a8a | Stroke while flowing (HP HMI: muted, not vivid). |
idleColor | color | #9aa5b1 | Stroke while stopped (muted grey — the calm/idle state). |
flowDirection | enum | auto | Which way the dashes march. auto = from the value's sign (negative = reverse). Options: auto · forward · reverse. |
faultSource | tag | "" | Optional tag whose truthy value turns the pipe the alarm colour (a broken / discordant flow path). |
faultColor | color | #d32f2f | — |
style | style | {} | Custom CSS properties |
x1Norm | number | 0 | start point x, normalized 0..1 within the box (0 = left edge, 1 = right edge) |
y1Norm | number | 0 | start point y, normalized 0..1 within the box (0 = top edge, 1 = bottom edge) |
x2Norm | number | 1 | end point x, normalized 0..1 within the box |
y2Norm | number | 1 | end point y, normalized 0..1 within the box |
startBindNode | string | "" | P&ID connection: node id/ref of the component the START endpoint binds to — it snaps to and follows that component (omit x1Norm/y1Norm when bound). Empty = free point |
endBindNode | string | "" | P&ID connection: node id/ref of the component the END endpoint binds to — it snaps to and follows that component (omit x2Norm/y2Norm when bound). Empty = free point |
startBindPort | string | "" | where on the start component to attach: 'auto' (default — the nearest point on the component's DRAWN OUTLINE facing the other end, so the line touches the symbol body rather than its bounding box) or a fixed port (top/right/bottom/left/center/corner), also resolved onto the outline. Use a fixed port when the nozzle elevation matters — a bottoms line must leave the BOTTOM |
endBindPort | string | "" | where on the end component to attach: 'auto' (default — the nearest point on the component's DRAWN OUTLINE facing the other end, so the line touches the symbol body rather than its bounding box) or a fixed port (top/right/bottom/left/center/corner), also resolved onto the outline. Use a fixed port when the nozzle elevation matters — a bottoms line must leave the BOTTOM |
Cube
Isometric cube with a top and side face
Component name: Cube


| Property | Type | Default | Description |
|---|---|---|---|
stroke | color | currentColor | — |
strokeWidth | number | 2.5 | — |
strokeDasharray | enum | "" | Options: `` · 4 4 · 1 4 · 8 4 · 8 4 2 4 · 12 4 4 4. |
strokeLinecap | enum | butt | Options: butt · round · square. |
strokeOpacity | number | 1 | — |
fill | color | none | — |
fillOpacity | number | 1 | — |
depthRatio | number | 0.22 | — |
opacity | number | 1 | — |
shadow | boolean | false | — |
animationType | enum | none | Options: none · blink · pulse · flow · colorCycle · rotate · glow · shake · flicker. |
animationDuration | number | 2 | seconds |
animationEasing | enum | linear | Options: linear · ease · ease-in · ease-out · ease-in-out. |
style | style | {} | Custom CSS properties |
Curved Line
Cubic bezier curve with optional arrow heads and animation
Component name: CurvedLine


| Property | Type | Default | Description |
|---|---|---|---|
curvature | number | 0.3 | 0 = straight line, 0.3 = gentle S-curve, 0.7 = wide arc |
stroke | color | currentColor | — |
strokeWidth | number | 2.5 | — |
strokeDasharray | enum | "" | Options: `` · 4 4 · 1 4 · 8 4 · 8 4 2 4 · 12 4 4 4. |
strokeLinecap | enum | butt | Options: butt · round · square. |
strokeOpacity | number | 1 | — |
startMarker | enum | none | Options: none · arrow · circle · square. |
endMarker | enum | none | Options: none · arrow · circle · square. |
markerSize | number | 5 | — |
opacity | number | 1 | — |
shadow | boolean | false | — |
animationType | enum | none | Options: none · blink · pulse · flow · colorCycle · rotate · glow · shake · flicker. |
animationDuration | number | 2 | seconds |
animationEasing | enum | linear | Options: linear · ease · ease-in · ease-out · ease-in-out. |
style | style | {} | Custom CSS properties |
Cylinder
Database cylinder with an elliptical rim
Component name: Cylinder


| Property | Type | Default | Description |
|---|---|---|---|
stroke | color | currentColor | — |
strokeWidth | number | 2.5 | — |
strokeDasharray | enum | "" | Options: `` · 4 4 · 1 4 · 8 4 · 8 4 2 4 · 12 4 4 4. |
strokeLinecap | enum | butt | Options: butt · round · square. |
strokeOpacity | number | 1 | — |
fill | color | none | — |
fillOpacity | number | 1 | — |
ellipseRatio | number | 0.18 | — |
opacity | number | 1 | — |
shadow | boolean | false | — |
animationType | enum | none | Options: none · blink · pulse · flow · colorCycle · rotate · glow · shake · flicker. |
animationDuration | number | 2 | seconds |
animationEasing | enum | linear | Options: linear · ease · ease-in · ease-out · ease-in-out. |
style | style | {} | Custom CSS properties |
Ellipse
Ellipse / circle with fill, stroke and animation
Component name: Ellipse


| Property | Type | Default | Description |
|---|---|---|---|
stroke | color | currentColor | — |
strokeWidth | number | 2.5 | — |
strokeDasharray | enum | "" | Options: `` · 4 4 · 1 4 · 8 4 · 8 4 2 4 · 12 4 4 4. |
strokeLinecap | enum | butt | Options: butt · round · square. |
strokeOpacity | number | 1 | — |
fill | color | none | — |
fillOpacity | number | 1 | — |
opacity | number | 1 | — |
shadow | boolean | false | — |
animationType | enum | none | Options: none · blink · pulse · flow · colorCycle · rotate · glow · shake · flicker. |
animationDuration | number | 2 | seconds |
animationEasing | enum | linear | Options: linear · ease · ease-in · ease-out · ease-in-out. |
style | style | {} | Custom CSS properties |
Freehand
Smooth freehand stroke — getStroke runs at render size, no NaN
Component name: Freehand


| Property | Type | Default | Description |
|---|---|---|---|
size | number | 6 | stroke width in screen pixels (outline mode) |
thinning | number | 0.5 | 0 = uniform, 1 = max taper (outline mode) |
fill | color | currentColor | — |
fillOpacity | number | 1 | — |
strokeMode | boolean | false | render as uniform stroked line instead of filled outline |
stroke | color | currentColor | line color (stroke mode) |
strokeWidth | number | 6 | line width px (stroke mode) |
strokeDasharray | enum | "" | dash pattern (stroke mode) Options: `` · 4 4 · 1 4 · 8 4 · 8 4 2 4 · 12 4 4 4. |
strokeLinecap | enum | round | line cap (stroke mode) Options: butt · round · square. |
strokeOpacity | number | 1 | stroke opacity (stroke mode) |
startMarker | enum | none | Options: none · arrow · circle · square. |
endMarker | enum | none | Options: none · arrow · circle · square. |
markerSize | number | 5 | — |
opacity | number | 1 | — |
shadow | boolean | false | — |
animationType | enum | none | Options: none · blink · pulse · flow · colorCycle · rotate · glow · shake · flicker. |
animationDuration | number | 2 | seconds |
animationEasing | enum | linear | Options: linear · ease · ease-in · ease-out · ease-in-out. |
style | style | {} | Custom CSS properties |
Line
Line with optional arrow heads, dash patterns and animation
Component name: Line


| Property | Type | Default | Description |
|---|---|---|---|
routing | enum | straight | Options: straight · orthogonal · horizontal · vertical · isometric · curved · entityRelation. |
corner | enum | sharp | Options: sharp · rounded. |
stroke | color | currentColor | — |
strokeWidth | number | 2.5 | — |
strokeDasharray | enum | "" | Options: `` · 4 4 · 1 4 · 8 4 · 8 4 2 4 · 12 4 4 4. |
strokeLinecap | enum | butt | Options: butt · round · square. |
strokeOpacity | number | 1 | — |
lineType | enum | none | P&ID line type (ISA-5.1). 'process' is a pipe; 'electric' is a dashed instrument signal; 'pneumatic' adds double hash marks; 'data-link' adds circles for a software/digital link. 'none' leaves the styling to strokeDasharray. Stroke colour and width are always yours. Options: none · process · electric · electric-binary · pneumatic · pneumatic-binary · data-link · hydraulic · capillary · electromagnetic · mechanical. |
lineTypeSpacing | number | 0 | Gap (px) between a glyph line type's marks. 0 = the type's own default. The readable interval depends on sheet scale. |
lineTypeCount | number | 0 | Draw EXACTLY this many marks, spread evenly over the line. 0 = auto — let lineTypeSpacing decide, so the count grows with the line's length. Overrides lineTypeSpacing when set. |
lineTypeScale | number | 1 | Size multiplier for a glyph line type's marks. 1 = the type's own default size. Grows the mark, not its stroke weight — a wave on an overview drawing usually wants 1.5–2. |
fittings | string | "" | P&ID fittings placed ALONG this line, as space-separated "SymbolKey@position" tokens — position is 0..1 along the routed pipe, so the fitting follows the pipe when it moves. Append '!' to flip a directional symbol. Example: "PidPipingFlange@0.25 PidFittingReducer@0.6!". Use the symbol names from the Piping and Fittings categories. |
fittingSize | number | 22 | Drawn size of each fitting on this line, in px. Unlike a line-type mark this does NOT scale with strokeWidth — a fitting is a component whose size you pick for the sheet. |
startMarker | enum | none | Options: none · arrow · circle · square. |
endMarker | enum | none | Options: none · arrow · circle · square. |
markerSize | number | 5 | — |
midMarker | enum | none | Head drawn at the CENTRE of the line (on the stroke), not at an endpoint. Options: none · arrow · circle · square. |
midFlip | boolean | false | Reverse the centre head only — the line itself is unchanged. |
opacity | number | 1 | — |
shadow | boolean | false | — |
animationType | enum | none | Options: none · blink · pulse · flow · colorCycle · rotate · glow · shake · flicker. |
animationDuration | number | 2 | seconds |
animationEasing | enum | linear | Options: linear · ease · ease-in · ease-out · ease-in-out. |
flowSource | tag | "" | Tag that drives this pipe — a flow rate or a run/stop flag. Set it to make the line live: it animates while flowing, greys out when idle. Leave empty for a plain line. |
flowCompare | enum | > | How flowSource is tested for "flowing". Options: > · >= · < · <= · == · != · truthy. |
flowThreshold | number | 0 | — |
flowColor | color | #5b8a8a | Stroke while flowing (HP HMI: muted, not vivid). |
idleColor | color | #9aa5b1 | Stroke while stopped (muted grey — the calm/idle state). |
flowDirection | enum | auto | Which way the dashes march. auto = from the value's sign (negative = reverse). Options: auto · forward · reverse. |
faultSource | tag | "" | Optional tag whose truthy value turns the pipe the alarm colour (a broken / discordant flow path). |
faultColor | color | #d32f2f | — |
style | style | {} | Custom CSS properties |
x1Norm | number | 0 | start point x, normalized 0..1 within the box (0 = left edge, 1 = right edge) |
y1Norm | number | 0 | start point y, normalized 0..1 within the box (0 = top edge, 1 = bottom edge) |
x2Norm | number | 1 | end point x, normalized 0..1 within the box |
y2Norm | number | 1 | end point y, normalized 0..1 within the box |
startBindNode | string | "" | P&ID connection: node id/ref of the component the START endpoint binds to — it snaps to and follows that component (omit x1Norm/y1Norm when bound). Empty = free point |
endBindNode | string | "" | P&ID connection: node id/ref of the component the END endpoint binds to — it snaps to and follows that component (omit x2Norm/y2Norm when bound). Empty = free point |
startBindPort | string | "" | where on the start component to attach: 'auto' (default — the nearest point on the component's DRAWN OUTLINE facing the other end, so the line touches the symbol body rather than its bounding box) or a fixed port (top/right/bottom/left/center/corner), also resolved onto the outline. Use a fixed port when the nozzle elevation matters — a bottoms line must leave the BOTTOM |
endBindPort | string | "" | where on the end component to attach: 'auto' (default — the nearest point on the component's DRAWN OUTLINE facing the other end, so the line touches the symbol body rather than its bounding box) or a fixed port (top/right/bottom/left/center/corner), also resolved onto the outline. Use a fixed port when the nozzle elevation matters — a bottoms line must leave the BOTTOM |
Polygon
Polygon with normalized vertex list, fill, stroke and animation
Component name: Polygon


| Property | Type | Default | Description |
|---|---|---|---|
stroke | color | currentColor | — |
strokeWidth | number | 2.5 | — |
strokeDasharray | enum | "" | Options: `` · 4 4 · 1 4 · 8 4 · 8 4 2 4 · 12 4 4 4. |
strokeOpacity | number | 1 | — |
strokeLinejoin | enum | round | Options: miter · round · bevel. |
fill | color | none | — |
fillOpacity | number | 1 | — |
fillRule | enum | nonzero | Options: nonzero · evenodd. |
opacity | number | 1 | — |
shadow | boolean | false | — |
animationType | enum | none | Options: none · blink · pulse · flow · colorCycle · rotate · glow · shake · flicker. |
animationDuration | number | 2 | seconds |
animationEasing | enum | linear | Options: linear · ease · ease-in · ease-out · ease-in-out. |
style | style | {} | Custom CSS properties |
points | string | 0,0 0.5,1 1,0 | polygon/freehand vertices as a "x,y x,y …" string, each coordinate normalized 0..1 within the box |
Rectangle
Rectangle with fill, stroke, rounded corners and animation
Component name: Rectangle


| Property | Type | Default | Description |
|---|---|---|---|
stroke | color | currentColor | — |
strokeWidth | number | 2.5 | — |
strokeDasharray | enum | "" | Options: `` · 4 4 · 1 4 · 8 4 · 8 4 2 4 · 12 4 4 4. |
strokeLinecap | enum | butt | Options: butt · round · square. |
strokeOpacity | number | 1 | — |
fill | color | none | — |
fillOpacity | number | 1 | — |
rx | number | 0 | corner radius in px |
opacity | number | 1 | — |
shadow | boolean | false | — |
animationType | enum | none | Options: none · blink · pulse · flow · colorCycle · rotate · glow · shake · flicker. |
animationDuration | number | 2 | seconds |
animationEasing | enum | linear | Options: linear · ease · ease-in · ease-out · ease-in-out. |
style | style | {} | Custom CSS properties |
Symbol library
1048 symbols in two disciplines — process (P&ID) and electrical — plus a set of arrows.
Process
485 symbols across 21 categories.
Agitators
10 symbols.
| Symbol | Component name | States |
|---|---|---|
| Agitator (Anchor) | PidAgitatorAgitatorAnchor | — |
| Agitator (Cross-Beam) | PidAgitatorAgitatorCrossBeam | — |
| Agitator (Disc) | PidAgitatorAgitatorDisc | — |
| Agitator (Flate-Blade Paddle) | PidAgitatorAgitatorFlateBladePaddle | — |
| Agitator (Gat Paddle) | PidAgitatorAgitatorGatPaddle | — |
| Agitator (Helical) | PidAgitatorAgitatorHelical | — |
| Agitator (Impeller) | PidAgitatorAgitatorImpeller | — |
| Agitator (Propeller) | PidAgitatorAgitatorPropeller | — |
| Agitator (Turbine) | PidAgitatorAgitatorTurbine | — |
| Agitator, Stirrer | PidAgitatorAgitatorStirrer | — |
Apparatus Elements
6 symbols.
| Symbol | Component name | States |
|---|---|---|
| Manhole | PidApparatusManhole | — |
| Socket, Connection Nozzle | PidApparatusSocketConnectionNozzle | — |
| Support Bracket | PidApparatusSupportBracket | — |
| Support Leg | PidApparatusSupportLeg | — |
| Support Ring | PidApparatusSupportRing | — |
| Support Skirt | PidApparatusSupportSkirt | — |
Centrifuges
8 symbols.
| Symbol | Component name | States |
|---|---|---|
| Centrifuge (High Speed) | PidCentrifugeCentrifugeHighSpeed | — |
| Centrifuge (Perforated Shell) | PidCentrifugeCentrifugePerforatedShell | — |
| Centrifuge (Pusher) | PidCentrifugeCentrifugePusher | — |
| Centrifuge (Screw, Perforated Shell) | PidCentrifugeCentrifugeScrewPerforatedShell | — |
| Centrifuge (Separator Disc) | PidCentrifugeCentrifugeSeparatorDisc | — |
| Centrifuge (Skimmer) | PidCentrifugeCentrifugeSkimmer | — |
| Centrifuge (Solid Shell) | PidCentrifugeCentrifugeSolidShell | — |
| Centrifuge, Decanter (Screw, Solid Shell) | PidCentrifugeCentrifugeDecanterScrewSolidShell | — |
Compressors
20 symbols.
| Symbol | Component name | States |
|---|---|---|
| AC Air Compressor | PidCompressorACAirCompressor | — |
| Blower, Fan (ISO) | PidCompressorBlowerFanISO | — |
| Centrifugal Compressor | PidCompressorCentrifugalCompressor | — |
| Centrifugal Compressor - Turbine Driven | PidCompressorCentrifugalCompressorTurbineDriven | — |
| Compressor | PidCompressorCompressor | — |
| Compressor (Centrifugal) (ISO) | PidCompressorCompressorCentrifugalISO | — |
| Compressor (Diaphragm) (ISO) | PidCompressorCompressorDiaphragmISO | — |
| Compressor (Ejector) (ISO) | PidCompressorCompressorEjectorISO | — |
| Compressor (Piston) (ISO) | PidCompressorCompressorPistonISO | — |
| Compressor (Ring) (ISO) | PidCompressorCompressorRingISO | — |
| Compressor (Roller Vane) (ISO) | PidCompressorCompressorRollerVaneISO | — |
| Compressor (Rotary) (ISO) | PidCompressorCompressorRotaryISO | — |
| Compressor (Screw) (ISO) | PidCompressorCompressorScrewISO | — |
| Compressor (Turbo) (ISO) | PidCompressorCompressorTurboISO | — |
| Compressor and Silencers | PidCompressorCompressorAndSilencers | — |
| Compressor, Vacuum Pump (ISO) | PidCompressorCompressorVacuumPumpISO | — |
| Liquid Ring Compressor | PidCompressorLiquidRingCompressor | — |
| Reciprocating Compressor | PidCompressorReciprocatingCompressor | — |
| Reciprocating Compressor 2 | PidCompressorReciprocatingCompressor2 | — |
| Rotary Compressor | PidCompressorRotaryCompressor | — |
Crushers & Grinding
13 symbols.
| Symbol | Component name | States |
|---|---|---|
| Crusher | PidCrusherCrusher | — |
| Crusher (Cone) | PidCrusherCrusherCone | — |
| Crusher (Hammer) | PidCrusherCrusherHammer | — |
| Crusher (Impact) | PidCrusherCrusherImpact | — |
| Crusher (Jaw) | PidCrusherCrusherJaw | — |
| Crusher (Roller) | PidCrusherCrusherRoller | — |
| Crushing, Grinding Machine | PidCrusherCrushingGrindingMachine | — |
| Mill (Roller) | PidCrusherMillRoller | — |
| Mill (Vibration) | PidCrusherMillVibration | — |
| Mill (Vibration)2 | PidCrusherMillVibration2 | — |
| Mill, Pulverizer | PidCrusherMillPulverizer | — |
| Mill, Pulverizer (Hammer) | PidCrusherMillPulverizerHammer | — |
| Mill, Pulverizer (Impact) | PidCrusherMillPulverizerImpact | — |
Driers
8 symbols.
| Symbol | Component name | States |
|---|---|---|
| Drier | PidDrierDrier | — |
| Drier (Fluidized Bed) | PidDrierDrierFluidizedBed | — |
| Drier (Roller Conveyor Belt) | PidDrierDrierRollerConveyorBelt | — |
| Drying Oven, Drying Chamber, Shelf Dryer | PidDrierDryingOvenDryingChamberShelfDryer | — |
| Heat Consumer | PidDrierHeatConsumer | — |
| Rotary Drum Drier, Tumbling Drier | PidDrierRotaryDrumDrierTumblingDrier | — |
| Spray Drier | PidDrierSprayDrier | — |
| Turbo Drier, Disc Drier, Moving Shelf Drier | PidDrierTurboDrierDiscDrierMovingShelfDrier | — |
Engines
8 symbols.
| Symbol | Component name | States |
|---|---|---|
| Electric Motor | PidEngineElectricMotor | — |
| Electric Motor (AC) | PidEngineElectricMotorAC | — |
| Electric Motor (DC) | PidEngineElectricMotorDC | — |
| Gear | PidEngineGear | — |
| Generator | PidEngineGenerator | — |
| Generator (AC) | PidEngineGeneratorAC | — |
| Generator (DC) | PidEngineGeneratorDC | — |
| Turbine | PidEngineTurbine | — |
Feeders
5 symbols.
| Symbol | Component name | States |
|---|---|---|
| Feeder (Rotary Table) | PidFeederFeederRotaryTable | — |
| Proportional Feeder | PidFeederProportionalFeeder | — |
| Proportional Feeder (Metering) | PidFeederProportionalFeederMetering | — |
| Proportional Feeder (Rotary Valve) | PidFeederProportionalFeederRotaryValve | — |
| Spray Nozzle | PidFeederSprayNozzle | — |
Filters
16 symbols.
| Symbol | Component name | States |
|---|---|---|
| Filter | PidFilterFilter | — |
| Gas Filter | PidFilterGasFilter | — |
| Gas Filter (Bag, Candle, Cartridge) | PidFilterGasFilterBagCandleCartridge | — |
| Gas Filter (Belt, Roll) | PidFilterGasFilterBeltRoll | — |
| Gas Filter (Fixed Bed) | PidFilterGasFilterFixedBed | — |
| Gas Filter (HEPA) | PidFilterGasFilterHEPA | — |
| Liquid Filter | PidFilterLiquidFilter | — |
| Liquid Filter (Bag, Candle, Cartridge) | PidFilterLiquidFilterBagCandleCartridge | — |
| Liquid Filter (Belt, Roll) | PidFilterLiquidFilterBeltRoll | — |
| Liquid Filter (Biological) | PidFilterLiquidFilterBiological | — |
| Liquid Filter (Fixed Bed) | PidFilterLiquidFilterFixedBed | — |
| Liquid Filter (Ion Exchanger) | PidFilterLiquidFilterIonExchanger | — |
| Liquid Filter (Rotary, Drum or Disc, Scraper) | PidFilterLiquidFilterRotaryDrumOrDiscScraper | — |
| Liquid Filter (Rotary, Drum or Disc) | PidFilterLiquidFilterRotaryDrumOrDisc | — |
| Press Filter | PidFilterPressFilter | — |
| Suction Filter | PidFilterSuctionFilter | — |
Fittings
35 symbols.
| Symbol | Component name | States |
|---|---|---|
| Blind Disc | PidFittingBlindDisc | — |
| Blind Disc2 | PidFittingBlindDisc2 | — |
| Breakthrough | PidFittingBreakthrough | — |
| Breakthrough2 | PidFittingBreakthrough2 | — |
| Clamped Flange Coupling | PidFittingClampedFlangeCoupling | — |
| Compensator | PidFittingCompensator | — |
| Coupling | PidFittingCoupling | — |
| Flame Arrestor | PidFittingFlameArrestor | — |
| Flame Arrestor (Detonation-Proof) | PidFittingFlameArrestorDetonationProof | — |
| Flame Arrestor (Explosion-Proof) | PidFittingFlameArrestorExplosionProof | — |
| Flame Arrestor (Fire-Resistant, Detonation-Proof) | PidFittingFlameArrestorFireResistantDetonationProof | — |
| Flame Arrestor (Fire-Resistant) | PidFittingFlameArrestorFireResistant | — |
| Flanged Connection | PidFittingFlangedConnection | — |
| Flanged Dummy Cover | PidFittingFlangedDummyCover | — |
| Funnel | PidFittingFunnel | — |
| Hose | PidFittingHose | — |
| Injector | PidFittingInjector | — |
| Interchangeable Disc (Blind Disc) | PidFittingInterchangeableDiscBlindDisc | — |
| Interchangeable Disc (Blind Disc)2 | PidFittingInterchangeableDiscBlindDisc2 | — |
| Interchangeable Disc (Open Disc In Function) | PidFittingInterchangeableDiscOpenDiscInFunction | — |
| Interchangeable Disc (Open Disc In Function)2 | PidFittingInterchangeableDiscOpenDiscInFunction2 | — |
| Open Disc | PidFittingOpenDisc | — |
| Orifice Plate | PidFittingOrificePlate | — |
| Orifice Plate2 | PidFittingOrificePlate2 | — |
| Reducer | PidFittingReducer | — |
| Rupture Disc | PidFittingRuptureDisc | — |
| Self-Operating Release Valve | PidFittingSelfOperatingReleaseValve | — |
| Self-Operating Release Valve2 | PidFittingSelfOperatingReleaseValve2 | — |
| Silencer | PidFittingSilencer | — |
| Single Flange | PidFittingSingleFlange | — |
| Strainer | PidFittingStrainer | — |
| Strainer (Cone) | PidFittingStrainerCone | — |
| Vent | PidFittingVent | — |
| Viewing Glass | PidFittingViewingGlass | — |
| Viewing Glass (Lighting) | PidFittingViewingGlassLighting | — |
Flow Sensors
16 symbols.
| Symbol | Component name | States |
|---|---|---|
| Averging Pitot Tube | PidFlowSensorAvergingPitotTube | — |
| Coriolis | PidFlowSensorCoriolis | — |
| Flow Nozzle | PidFlowSensorFlowNozzle | — |
| Flume | PidFlowSensorFlume | — |
| Magnetic | PidFlowSensorMagnetic | — |
| Pitot Tube | PidFlowSensorPitotTube | — |
| Positive Displacement | PidFlowSensorPositiveDisplacement | — |
| Rotameter | PidFlowSensorRotameter | — |
| Target | PidFlowSensorTarget | — |
| Turbine | PidFlowSensorTurbine | — |
| Ultrasonic | PidFlowSensorUltrasonic | — |
| V-cone | PidFlowSensorVCone | — |
| Venturi | PidFlowSensorVenturi | — |
| Vortex | PidFlowSensorVortex | — |
| Wedge | PidFlowSensorWedge | — |
| Weir | PidFlowSensorWeir | — |
Heat Exchangers
23 symbols.
| Symbol | Component name | States |
|---|---|---|
| Condenser | PidHeatExchangerCondenser | — |
| Double Pipe Heat Exchanger | PidHeatExchangerDoublePipeHeatExchanger | — |
| Electric Heater | PidHeatExchangerElectricHeater | — |
| Fixed Straight Tubes Heat Exchanger | PidHeatExchangerFixedStraightTubesHeatExchanger | — |
| Hairpin Exchanger | PidHeatExchangerHairpinExchanger | — |
| Heat Exchanger (Coil Tubes) | PidHeatExchangerHeatExchangerCoilTubes | — |
| Heat Exchanger (Finned Tubes, Fan) | PidHeatExchangerHeatExchangerFinnedTubesFan |