react-gauge-component

React Gauge Chart Component for data visualization.

A gallery of preset gauges and a sandbox editor is provided so you can create and edit your gauges in the DEMO page

Quick Start

Install with your package manager

npm install react-gauge-component --save

pnpm add react-gauge-component --save

yarn add react-gauge-component.

bun add react-gauge-component.

Then import it:

import GaugeComponent from 'react-gauge-component';
//or
import { GaugeComponent } from 'react-gauge-component';

//Component with default values
<GaugeComponent />

For next.js you'll have to do dynamic import:

import dynamic from "next/dynamic";
const GaugeComponent = dynamic(() => import('react-gauge-component'), { ssr: false });

//Component with default values
<GaugeComponent />

API

API reference is auto-generated from the TypeScript types:

• API.md

Forked from @Martin36/react-gauge-chart 0b24a45.