Как правильно повернуть многоугольник по заданным параметрам в d3.js?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

// Создание SVG контейнера
var svg = d3.select("body")
  .append("svg")
  .attr("width", 400)
  .attr("height", 400);

// Создание многоугольника с заданными координатами
var polygon = svg.append("polygon")
  .attr("points", "100,100 150,100 150,150 100,150")
  .attr("fill", "blue");

// Поворот многоугольника на 45 градусов
polygon.attr("transform", "rotate(45, 125, 125)");