JSFiddle - React, Tailwind, and code Playground

by fiddler86

HTML

<script src="http://d3js.org/d3.v2.js"></script>
<div id="wrapper"> </div>

JavaScript

var svg = d3.select("body").append("svg:svg")
            .attr("width", 1000)
            .attr("height", 2000)      
            .append("svg:g")
                .call(d3.behavior.zoom().on("zoom", redraw))
            .append("svg:g");

svg.append("svg:rect")
    .attr("width", 200)
    .attr("height", 300)
    .attr("fill", 'green');

function redraw() {
        svg.attr("transform", "translate(" + d3.event.translate + ")" + " scale(" + d3.event.scale + ")");
};