Seven-segment 4 digits with zone bar
Progauge-seg7-4-zone · Gauges · Seven-segment displays · 96×48 grid units
XI-101
Five states
- Running
- Warning
- Failure
- Stopped
- No data
Four themes
| Theme | Running | Warning | Failure | Stopped | No data |
|---|---|---|---|---|---|
| Day | |||||
| Bright | |||||
| Dusk | |||||
| Night |
About this symbol
- Meaning
- seven-segment with zones
- Convention
- ISA-101 / IEC 61924 style indicator (ISA (opens in a new tab), IEC (opens in a new tab))
- Tags
- Access
- Pro: preview is open; code and files come with Pro or Lifetime.
Drawn from scratch. The convention names the meaning the symbol stands for; no standard text or figure is reproduced.
npx shadcn@latest add "https://pidstack.com/r/gauge-seg7-4-zone.json?api_key=$PIDSTACK_LICENSE_KEY"Pro items need a license key from your account. See how keys work.
import { GaugeSeg74Zone } from "@/components/pidstack/gauge-seg7-4-zone"
import "@/components/pidstack/pidstack.css"
<div data-theme="day">
<GaugeSeg74Zone state="running" label="XI-101" size="medium" />
</div>SVG file and component code are in Pro
The full library ships as typed React components, plain SVG files and a JSON manifest, through the registry, the MCP server and a ZIP download.