klickbare Funktionsdiagramm in HTML

Question

Wie kann ich diese Art von Diagramm erreichen:

Kann ich dies mit wie Diagramme etwas erreichen? Aber es muss reagieren. Ich habe SVG versucht, aber keinen Erfolg.

Answer 1

der Link funktioniert nicht. - Verwenden Sie Svg, Sie können Ereignislistener an die Svg-Knoten anhängen. - MDN ist eine hervorragende Quelle der Dokumentation für Svg. - werfen Sie einen Blick auf d3-Bibliothek. cheers

Answer 2

Finden Sie eine Möglichkeit, die Grafiken im SVG-Format zu exportieren.

Fügen Sie die SVG in Ihre Seite ein. Sehen Sie, dass jeder Textknoten in den Knoten eingeschlossen wird, der sein jeweiliges Dreieck zeichnet, wenn nicht, wickeln Sie jedes Dreieck und Textknoten in einem <g>-Tag ein. Sie sollten 6 von ihnen haben; geben Sie jedem einen Klassennamen.

Gestalten Sie die <g> Tags mit CSS-Animationen. Bindet einen Ereignis-Listener.