react-donut-svg

🍩 A flexible lightweight react donut chart component

npm i -S react-donut-svg

Visit site

Github

Light donuts, just 1.7kb

Do you need to show some key indicators in a form of donut chart? I've got your back covered! 💪

Enjoy easy-to-use, responsive, SVG animated donut charts with just 2 steps.

npm install -S react-donut-svg

import Donut from 'react-donut-svg'
function Chart () {
  return (
    <Donut value={50} label='name' />
  )
}

label
```
boolean
```
Whether or not to use color gradient. Defaults to false
color
```
string
```
Fill color of the donut. Defaults to rgba(151, 239, 233, 1)
withGradient
```
boolean
```
Whether or not to use color gradient. Defaults to false
delay
```
int
```
Delay in miliseconds. Defaults to 0
showLabel
```
boolean
```
Whether or not to show the label. Defaults to true