JSFiddle - React, Tailwind, and code Playground

by jeffersonswartz

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;}
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({bottom: 0, left: 0, position:'absolute'});