D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
puzzler10
Full window
Github gist
Transform example - order matters
<!DOCTYPE html> <meta charset="utf-8"> <style> </style> <svg width="500" height="500"></svg> <script src="https://d3js.org/d3.v4.min.js"></script> <script> var svg = d3.select("svg"), width = +svg.attr("width"), height = +svg.attr("height"); var radius = 10; var point = {x: 10, y: 10 } ; for(var i = 1; i <= 10; i++){ svg.append("circle") .attr("cx", point.x) .attr("cy", point.y) .attr("r", radius) .attr("fill", "blue") .attr("transform", "scale(" + (1 + i/5) + ") " + "translate(" + (i*40) + "," + (i*40) + ")"); } </script>
https://d3js.org/d3.v4.min.js