D3 Examples - transform, scale example

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
    .dot {fill: IndianRed; stroke: LimeGreen; stroke-width: 3px}
    .dot:hover {r: 12; stroke-width: 5px}
  </style>
</head>
​
<body>
  <script>
    // Feel free to change or delete any of the code you see in this editor!
var holder = d3.select("body")
    .append("svg")
    .attr("width",450)
    .attr("height",400);
   
holder.append("circle")
    .attr("cx",100)
    .attr("cy",100)
    .attr("class","dot")
    .attr("r",50)
    .attr("transform","scale(2)")
​
    
holder.append("polyline")
    .style("fill","none")
    .style("stroke","MidnightBlue")
    .attr("points"," 100,25, 100,300");
​
holder.append("polyline")
    .style("fill","none")
    .style("stroke","MidnightBlue")
    .attr("points"," 25,100, 300,100");
  </script>
</body>
​
    