JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

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

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

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