@redsift/d3-rs-pies

0.4.0 • Public • Published

d3-rs-pies

Circle CI npm MIT

d3-rs-pies generate a range of pie charts via the D3 reusable chart convention.

Example

View @redsift/d3-rs-pies on Codepen

Simple pie chart

Simple pie chart

Pie chart with legend

With legend

Inner radius and padded

Inner radius

Usage

Browser

<script src="//static.redsift.io/reusable/d3-rs-pies/latest/d3-rs-pies.umd-es2015.min.js"></script>
<script>
	var chart = d3_rs_lines.html();
	d3.select('body').datum([ 1, 2, 3, 10, 100 ]).call(chart);
</script>

ES6

import { chart } from "@redsift/d3-rs-pies";
let eml = chart.html();
...

Require

var chart = require("@redsift/d3-rs-pies");
var eml = chart.html();
...

Datum

  • Simplest form, array of numbers: [1,2,3,4...]

Parameters

Property Description Transition Preview
classed String SVG custom class N
width, height, size, scale Integer SVG container sizes Y
style String Custom CSS to inject into chart N
outerRadius Integer Radius of the pie
innerRadius Number > 0 the radius of the inner region in pixels. < 0, the unit inner radius as a function of the outerRadius

Readme

Keywords

Package Sidebar

Install

npm i @redsift/d3-rs-pies

Weekly Downloads

7

Version

0.4.0

License

MIT

Unpacked Size

1.93 MB

Total Files

17

Last publish

Collaborators

  • sega057
  • alkisredsift
  • kit-314
  • julian.picht
  • massimoparisi
  • sometimesitbetterstepasideandnotusejavascript
  • raul.lorenzo.redsift
  • asaf.lerner
  • luminous_cal
  • notmentat
  • pierredupuis
  • hortega_rs
  • anneshackelford
  • mcolladoredsift
  • redsift_operations
  • rahulpowar
  • randalpinto
  • njaremek
  • earada
  • nascimj
  • neilsaccardo
  • bmayolasredsift