D3.js: Chord-Diagramm Teil 2 – Benutzerdefinierte Sortierung und Kurvenformen
1. Einleitung
Im ersten Teil ging es darum, aus einem Satz von Daten ein D3-Chord-Diagramm zu erstellen. In diesem zweiten Teil soll dieses Diagramm nun optimiert werden: Zuerst soll eine bessere Chord-Sortierung das Diagramm weniger chaotisch aussehen lassen, indem Überkreuzungen von Chords so weit wie möglich reduziert werden. Die Chords werden danach weiter verbessert, indem ihre Formen so verändert werden, dass sich benachbarte Chords nicht mehr überlappen. Durch den Einsatz von Gradienten bei der Färbung der Chords soll deren bidirektionale Natur verdeutlicht werden. Schliesslich soll das Diagramm interaktiv werden. Genauer sollen Tooltips angezeigt werden, wenn die Maus über die verschiedenen Teile des Diagramms bewegt wird. Bereiche sollen angeklickt werden können, um alle Chords, die nicht in Verbindung mit diesem Bereich stehen, auszublenden.