PIDSTACK
Account

Vertical LED segments with zones

Pro

gauge-linear-v-led-zones · Gauges · Linear scales · 48×96 grid units

XI-101

Five states

  • Running
  • Warning
  • Failure
  • Stopped
  • No data

Four themes

Vertical LED segments with zones in each theme (rows) and state (columns)
ThemeRunningWarningFailureStoppedNo data
Day
Bright
Dusk
Night

About this symbol

Meaning
vertical linear scale
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.

Install with the shadcn CLI
npx shadcn@latest add "https://pidstack.com/r/gauge-linear-v-led-zones.json?api_key=$PIDSTACK_LICENSE_KEY"

Pro items need a license key from your account. See how keys work.

Use in React
import { GaugeLinearVLedZones } from "@/components/pidstack/gauge-linear-v-led-zones"
import "@/components/pidstack/pidstack.css"

<div data-theme="day">
  <GaugeLinearVLedZones 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.

See plansFree starter pack

More in Linear scales