Kreisdiagramm erstellen

Was ein Kreisdiagramm zeigt

Ein Kreisdiagramm bildet jeden positiven Wert als Winkel in einem 360°-Kreis ab. Hat eine Kategorie den Wert v und ergeben alle dargestellten Werte zusammen T, beträgt ihr Mittelpunktswinkel 360 × v / T; der angezeigte Prozentanteil ist 100 × v / T. Ein Ringdiagramm verwendet dieselben Anteile und spart lediglich die Mitte aus – der zugrunde liegende Vergleich ändert sich nicht.

In diesem Beispiel beträgt die Summe 100. Produkte belegen daher 45 / 100 × 360 = 162°. Das Werkzeug akzeptiert Nullwerte, stellt sie im sichtbaren Kreis jedoch nicht dar. Negative, fehlende und nicht endliche Werte werden abgelehnt, da sie keine gewöhnlichen Teile eines Ganzen definieren. Mindestens ein Wert muss positiv sein.

Wann ein anderes Diagramm besser ist

Kreisdiagramme lassen sich mit wenigen, deutlich unterschiedlich großen Segmenten am besten erfassen. Ein Balkendiagramm ist meist geeigneter, wenn Werte nah beieinanderliegen, viele Kategorien vorkommen, genaue Vergleiche wichtig sind oder die Kategorien kein gemeinsames Ganzes bilden. Für Entwicklungen im Zeitverlauf empfiehlt sich ein Liniendiagramm. Verwenden Sie keine Prozentwerte, die sich überschneiden oder doppelt zählen: Ein sauber gezeichneter Kreis kann eine ungültige Summe nicht korrigieren.

Farben, Beschriftungen und Barrierefreiheit

Die Bedeutung darf nicht allein von Farben abhängen. Behalten Sie die Legende oder sichtbare Segmentbeschriftungen bei, prüfen Sie die ergänzende Tabelle und nutzen Sie bei breiter Veröffentlichung die farbenblindfreundliche Palette. In sehr kleinen Segmenten ist womöglich kein Platz für Text; die genaue Bezeichnung, der Wert und der Prozentanteil bleiben in Legende und Datentabelle verfügbar. SVG eignet sich zur Weiterbearbeitung und für scharfe Druckausgaben. PNG ist ein festes Bild mit 1200 × 800 Pixeln für Präsentationen, Dokumente und Beiträge in sozialen Medien.

Das Diagramm entsteht mit den SVG- und Canvas-Schnittstellen des Browsers. Es werden keine Diagrammdaten an einen externen Dienst gesendet. Der Fortschritt im mehrstufigen Ablauf wird vorübergehend im Sitzungsspeicher dieses Tabs gehalten und lässt sich durch einen Neustart oder das Schließen des Tabs löschen.

Weitere Hinweise bieten Datawrappers Anleitung zum Erstellen von Kreisdiagrammen mit nur wenigen Teilen, das W3C-Tutorial zu barrierearmen Datentabellen und die MDN-Dokumentation zum Beschreiben von SVG-Grafiken mit <desc>.