@nicktomlin/pie

1.0.0-alpha.5 • Public • Published

pie npm version Build Status

Create deliciously declarative pie charts with (P)React.

⚠️ this is published as an alpha not considered ready for wide use. I'm just playing around ⚠️

npm i @nicktomlin/pie
import {Pie, Slice} from '@nicktomlin/pie' // OR @nicktomlin/pie/dist/pie.preact

<Pie>
  <Slice percent={0.1} fill='Coral' />
  <Slice percent={0.7} fill='CornFlowerBlue' />
  <Slice percent={0.2} fill='#00ab6b' />
</Pie>

Features

  • [x] Actually renders a pie chart
  • [x] Preact compatible (vanilla without needing preact-compat)
  • [x] Doughnut chart
  • [ ] Top/Bottom Labels
  • [ ] Hover effects (technically one could just pass props through to Slice> and be done with it but we could also make this easier)

Prior Art

Contributing

  1. Fork and clone this repo
  2. Make your changes
  3. Please add a test if possible
  4. Ensure that npm test passes
  5. Open up a pull request

Readme

Keywords

none

Package Sidebar

Install

npm i @nicktomlin/pie

Weekly Downloads

0

Version

1.0.0-alpha.5

License

MIT

Last publish

Collaborators

  • nicktomlin