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

prop	type	required	default value
data	Array(Object)	false (but really, should have some data)	[{label: foo, value: 17] ...more dummy data
rotating	boolean	false	false
tumbling	function	false	false

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