A tiny, dependency-less library for creating SVG donut charts.
We needed Donut charts - however, Chart.js was a much too powerful (and big) for our use case and added >200kb to our browser application.
So we wrote this small library with a minified size of 4 KiB.
Install the package as a dependency:
npm install @verivox/tiny-donuts
const Donut = windowTinyDonutsconst donut =entries:color: 'red' value: 025color: 'blue' value: 025color: 'black' value: 025color: 'green' value: 01color: '#FFA500' value: 015const svgElement = donutdocument
entries- a list of segments, consisting of a css
colorand a float
thickness- the stroke width of the circle
spacing- how much whitespace should be between each segment
Make sure that you create tests if necessary, which can be run via
What you should check before creating a merge request:
npm testis green
npm run lintis green
npm run buildhas been run and the dist/-folder has been checked into the branch to be merged
- the documentation has been updated for feature changes
Licensed under MIT by the Verivox GmbH