Erstellen eines Tortendiagramms (überlagert) mit Datenpunkten und Verbindungen zum Mittelpunkt des Kreises und zwischen Datenpunkten

Welche Softwarepakete/Bibliotheken kann ich verwenden, um die unten beschriebene Benutzeroberfläche zu entwickeln? Mit anglejs kenne ich mich aus. Ich habe Erfahrung in der Backend-Programmierung. Dies ist mein Ausflug in die Front-End-UI-Entwicklung.

Zweck:

• Erstellen Sie ein Kreisdiagramm mit Datenpunkten innerhalb jedes Kreissegments.
• Zeigen Sie ein Bild in der Mitte des Kreises an (Kreisdiagramm).
• Die Datenpunkte können Bilder oder Text sein.
• Wenn Sie den Mauszeiger über den Datenpunkt bewegen, sollten weitere Informationen darüber angezeigt werden.
• Die Datenpunkte sind mit fetten oder gepunkteten Linien mit dem mittleren Bild verbunden.
• Die Datenpunkte können durch fette oder gepunktete Linien miteinander verbunden werden.

Parameter, die sich ändern können, sind:

1. Anzahl der Stücke im Kuchen.
2. Anzahl der Datenpunkte.
3. Dicke der Linien.
4. Art der Linien (gestrichelt etc.)
5. Bilder statt/zusätzlich zum Text für die Datenpunkte.

Im Anhang ist ein Modell von dem, was ich zu erreichen versuche. Vielen Dank im Voraus.