Gauge

Composable SVG gauge primitives: track, arc, zones, ticks, tick fills, labels, needle, hub, dot, tooltip and value text, with optional spring or tween animation and nested gauges, as round dials or horizontal and vertical bars. No runtime d.

Library

Gauge UI

Framework

React

Type

ui

License

MIT

Install

npx shadcn@latest add @gauge-ui/gauge

Files

• components/gauge/index.ts
• components/gauge/gauge.tsx
• components/gauge/linear.tsx
• components/gauge/inset.tsx
• components/gauge/context.tsx
• components/gauge/arcs.tsx
• components/gauge/ticks.tsx
• components/gauge/text.tsx

Source

https://github.com/thordursk/gauge-ui

Categories

• Chart Components
• React Chart Components
• Tailwind CSS Chart Components
• Animated Chart Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• Gauge Chart Components
• Tailwind CSS Gauge Chart Components
• Animated Gauge Chart Components