react-svg-circle-chart

A simple React SVG Circle Chart

Usage no npm install needed!

<script type="module">
  import reactSvgCircleChart from 'https://cdn.skypack.dev/react-svg-circle-chart';
</script>

README

Welcome to react-svg-circle-chart 👋

Version Documentation Maintenance License: MIT Twitter: jonoirwin

A simple React SVG Circle Chart

Demo

Install

yarn add react-svg-circle-chart

Usage

import { CircleChart } from 'react-svg-circle-chart'

const values = [
    { angle: 45, color: '#47B881' },
    { angle: 50, color: '#EC4C47' },
    { angle: 73, color: '#E2E449' }
]

<CircleChart values={values} size={220} radius={90} />

Demo

cd demo && yarn && yarn start

Run tests

yarn test

Author

👤 Jonathan Irwin

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page. You can also take a look at the contributing guide.

Show your support

Give a ⭐️ if this project helped you!

📝 License

Copyright © 2019 Jonathan Irwin.
This project is MIT licensed.

This README was generated with ❤️ by readme-md-generator