Nuns Playing Monopoly

    @redsift/d3-rs-pies

    0.2.3 • 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

    Install

    npm i @redsift/d3-rs-pies

    DownloadsWeekly Downloads

    204

    Version

    0.2.3

    License

    MIT

    Unpacked Size

    642 kB

    Total Files

    12

    Last publish

    Collaborators

    • luminous_cal
    • notmentat
    • pierredupuis
    • hortega_rs
    • alim-scott
    • anneshackelford
    • jrivaxrs
    • mcolladoredsift
    • redsift_operations
    • raul.lorenzo.redsift
    • rahulpowar
    • randalpinto
    • njaremek
    • earada
    • jordanw7
    • jmiralles
    • nascimj
    • kitty_vandergijp
    • neilsaccardo
    • bmayolasredsift