Jak zmienić okrąg na kwadrat za pomocą d3.js
Po dołączeniu 25 stron do strony uruchamiam następującą funkcję:
var transitionPage = function () {
startThePage();
var height = $(document).height() - 20
, width = $(document).width()
;
d3.selectAll("circle")
.transition().duration(2500)
.style("fill", "steelblue")
.attr("r", 15)
.transition().duration(1000)
.attr("cy", (height / 2))
.each(function (d, i) {
d3.select(this)
.transition().duration(1000)
.attr("cx", 30 + (i * width / 25));
});
}
Działa to dobrze i poprawnie wyrównuje je poziomo wzdłuż środka strony.
Nie mogłem jednak zrozumieć, jak przekształcić każde koło w kwadrat lub prostokąt.
Jak mam podejść do tego problemu?