DynamicD3: Datenvisualisierung mit D3.js

DynamicD3

Pie Charts

Wie bereits erwähnt, besteht der Vorteil eines Donut-Diagramms darin, dass es in der Mitte einen Bereich gibt, der für die Anzeige von Daten verwendet werden kann. Aufgrund der Flexibilität von D3.js kann dieser Bereich modifizierte Daten oder Textbeschriftungen anzeigen. In diesem Fall werden beispielsweise die Prozentwerte als Beschriftungen in den Abschnitten des Donut-Diagramms angezeigt, aber in der Mitte werden die absoluten Werte angezeigt.

Mit D3.js können wir auch Farben in einem Kreisdiagramm kreativ einsetzen. Dieses Kreisdiagramm verwendet eine Palette von Zufallsfarben. Die Farben können aber auch Schattierungen sein, die proportional zu den zugrunde liegenden Werten sind, wie in diesem Sunburst-Diagramm.

Eine weitere Verwendung von Farbe in einem Kreisdiagramm wäre die Gruppierung von Datenpunkten, die in irgendeiner Weise miteinander verbunden sind. Ein detaillierteres Kreisdiagramm könnte zum Beispiel verschiedene Arten von Vorgängen zeigen, die auf sinnvolle Weise gruppiert sind, wobei die Abschnitte des Kuchens, die Vorgänge derselben Gruppe darstellen, dieselbe Farbe haben. Dies ist häufiger bei Sunburst-Diagrammen der Fall, die in der Regel zur Darstellung viel größerer Datensätze verwendet werden.

Kuchendiagramme und Donut-Diagramme sind mit D3.js leicht zu erstellen und daher relativ kostengünstig. Add-ons wie Tooltips, benutzerdefinierte Animationen und so weiter erhöhen die Kosten ein wenig, verbessern aber das Benutzererlebnis erheblich. Die Preise Seite gibt Ihnen einen allgemeinen Eindruck. Bitte kontaktieren Sie uns jedoch für ein kostenloses Gespräch mit einem Entwickler, um herauszufinden, was für Sie das Beste ist.

Kreisdiagramme und Donut-Diagramme sind nützlich, um die Aufteilung eines Datensatzes in verschiedene Werte darzustellen: Der einzige Unterschied besteht darin, dass das Donut-Diagramm einen inneren Radius hat, der nicht Null ist. Der Bereich in der Mitte kann für die Anzeige von Daten verwendet werden. Wenn Sie in diesem Fall mit der Maus über ein Segment des Diagramms fahren, wird dieses Segment leicht nach außen verschoben. In der Mitte des Diagramms werden weitere Informationen zu diesem Datenpunkt angezeigt (in diesem Fall der absolute Wert und nicht der Prozentsatz).