d3 js animierte Atemanwendung

Ich möchte in der Lage sein, eine Animation eines Kreises zu erstellen, der sich in einem bestimmten Zeitintervall um einen Pfad dreht, und dieses Intervall so zu steuern, dass es schneller/langsamer wird.

Mein Code sieht derzeit so aus. Wie man einen Kreis so einstellt, dass er sich entlang einer Kreisbahn bewegt – und sogar den übergeordneten Kreis selbst ein- und ausatmen lässt

27. Juli 2023 – Aktuelle Basis

---

svg = d3.create("svg"); var circle = svg .append("circle") .attr("cx", 150) .attr("cy", 75) .attr("r", 50); circle .transition() .duration(2000) .attr('r', 75); d3 .select("#container") .append(() => svg.node()); var circle = svg .append("circle") .attr("cx", 150) .attr("cy", 75) .attr("r", 50);