JSFiddle - React, Tailwind, and code Playground

by HemalathaThanigaivel

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.16/d3.js"></script>
<div id="chart"></div>

CSS

#chart { border: 1px solid green; height: 500px; text-align: center;}
svg { background: #AABBFF; border: 2px solid #8899EE;}

JavaScript

//var div = d3.select("div").
//$("#div").parent().css({position: 'relative'});

    // svg design
    var svg = d3.select("#chart").append("svg")
        .attr("width", 200)
        .attr("height", 200);
    
    // svg repositioning
    /* $("svg").css({top: 200, left: 200, position:'absolute'}); */
    
    /* d3.select("#chart").attr("align","center"); */