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
Install it by running npm install react-gauge-component --save or yarn add react-gauge-component. Then to use 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 reference is auto-generated from the TypeScript types:
Forked from @Martin36/react-gauge-chart 0b24a45.