JSFiddle - React, Tailwind, and code Playground

by polm23

HTML

<script src="http://mbostock.github.com/d3/d3.js"></script>
<div class="viz" id="viz"></div>

CSS

.rect { stroke: #000; stroke-width: 2px;}

JavaScript

var svg = d3.select("#viz").selectAll("svg")
    .append("svg:svg")
    .attr("width",640)
    .attr("height",480)
    .attr("class", "wrapper");
    
    d3.selectAll("#viz")
    .selectAll("g.rect") 
    .data(d3.range(0,100))
    .enter()
    .append("svg:g")
    .attr("transform",function(d,i){return "rotate("+(3*i)+")";})
    .append("svg:rect")
    .attr("class","rect")
    .attr("x",0)
    .attr("y",0)
    .attr("width",100)
    .attr("height",100);