JSFiddle - React, Tailwind, and code Playground

by Yoshiharu Kamata

HTML

<svg id="a" width="100%" height="400">
</svg>
<svg id="b" wdith="100%" height="400" viewBox="0 0 400 300"></svg>

CoffeeScript

d3.select("#a")
.append("rect")
.attr("x", "5%")
.attr("y", "5%")
.attr("width", "0%")
.attr("height", "0%")
.transition()
.duration(500)
.attr("width", "50%")
.attr("height", "50%")

d3.select("#b")
.append("rect")
.attr("x", 50)
.attr("y", 50)
.attr("width", 100)
.attr("height", 100)