3D-Kuchendiagramm

scss
Freshpage 2

Die 3D- (sowie auch die Balken-) Diagramme wurden mit d3.js umgesetzt. Mit d3.js lassen sich SVGs basierend auf Daten generieren. Die Kuchendiagramme werden so Stück für Stück zusammengebaut (erst die Aussenseiten, dann die Innenseiten, dann die Oberflächen). Die einzelnen Schritte sind im Code genauer ersichtlich, Orte an denen etwas spezielles gemacht werden musste, sind durch Kommentare hervorgehoben.

Vorteile

3D-Effekt mit anpassbaren Farben

Nachteile

Die derzeitige Implementation unterstützt maximal 2 Scheiben (Grund: Einige Spezialfälle fallen bei 2 Scheiben weg).

2D-Kuchendiagramm mit Verlinkung

scss

Vorteile

  • mit Verlinkung von Schnitzen
  • die Anzahl Schnitze ist variabel

Nachteile

  • Schnitze können maximal 90° sein
  • Einmittung der Texte ist nicht optimal hier

2D-Kuchendiagramm

less