0.1.1 • Published 6 years ago

vue-d3-rotating-piechart v0.1.1

Weekly downloads
10
License
-
Repository
github
Last release
6 years ago

vue-d3-rotating-piechart

A D3 pie chart component for vue. Enhanced user experience via rotation and tumbling.

Demo

Installation

npm i vue-d3-rotating-piechart

Basic usage

import RotatingPieChart from "vue-d3-rotating-piechart";
<RotatingPieChart :data="data" /> 

Data format

data = [{label: <string>, value: <number>}, ...]

Properties

proptyperequireddefault value
dataArray(Object)false (but really, should have some data){label: foo, value: 17 ...more dummy data
rotatingbooleanfalsefalse
tumblingfunctionfalsefalse

rotating: spin the pie chart in the plane of the page for an exciting user experience

tumbling: rotate the pie chart in all three dimensions for the most enhanced user experience

Roadmap

maybe make the size configurable, fill the parent container or something. alternative colors? data accessors? sky's the limit really