JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://d3.geotheory.co.uk/d3-transform.js"></script>

CSS

svg {
    background-color: #ccc;
}

JavaScript

var svg = d3.select("body").append("svg")
	.attr("width", window.innerWidth)
	.attr("height", window.innerHeight);

var rect = svg.append("rect")
.attr("class", "groupA")
    .attr("x", 0).attr("y", 0)
    .attr("width", 50).attr("height", 100)
    .style("fill", "purple")
    .attr("transform", function() {
	    return d3.svg.transform()
		    .translate(200, 100)
		    .rotate(-45)
		    .translate(-d3.select(this).attr("width")/2, -d3.select(this).attr("height")/2)();
	}
);