JSFiddle - React, Tailwind, and code Playground

by colintoh

HTML

<script src="https://raw.github.com/DmitryBaranovskiy/g.raphael/master/g.raphael-min.js"></script>
<script src="https://raw.github.com/DmitryBaranovskiy/g.raphael/master/g.pie-min.js"></script>
<div id="holder" style="width:800px;height:600px"></div>

CSS

body {
    background: black;
}

JavaScript

var r = Raphael("holder");

r.g.txtattr.font = "20px lucida grande";
var pie = r.g.piechart(320, 240, 150, [5, 10], {
    legend: ["%% - Correct", "%% - Wrong"],
    legendpos: "east",
    colors: ["#02b7fa", "#da20b5"],
    strokewidth: 3,
    legendcolor: 'white',
});

pie.each(function(){
    console.log(this.sector);
})
    
    r.clear();