JSFiddle - React, Tailwind, and code Playground

by Josh Carroll

HTML

<div id="chart"></div>

CSS

#chart{
    height: 400px;
    width: 400px;
    border: 1px solid black;
}

text{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

JavaScript

(function(R){

    var paper = R('chart');
    
    paper.text(5, 15, R.type)
        .attr({
            'text-anchor':'start',
            'font-size':16
        });
    
    var circle = paper.circle(200, 200, 50)
        .attr({
            fill:'0-#fff-#000',
            stroke:'none'
        });
    
}(Raphael));