Frage zu Kreisdiagrammen im Wiki-Artikel „Balken-_und_Kreisdiagramme“

[Matthias Scharwies]

Servus!

Hallo Forum,

in o.g. genannten Abschnitt des Artikels ist ein Beispiel für ein Kreisdiagramm gegeben, das mir nicht einleuchtet:

<svg class="chart" width="420" height="150" aria-labelledby="chartinfo" >
  <desc id="chartinfo">Ein Diagramm unserer Ernte</desc>
  <defs>
  </defs>

<svg class="pie" width="200" height="200" viewBox="-100 -100 200 200" style="transform: rotate(-0.25turn)">     

  <circle id="background" r="50" />

  <g class="slice" tabindex="0">
    <path d="M 1 0 A 1 1 0 0 1 0.8 0.59 L 0 0 Z" />
    <text x="45" y="9.5">4 apples</text>
  </g>
</svg>
</svg>

Da ist erst einmal ein svg in einem svg – was soll das denn?

Weiterhin:

1. Wenn ich das richtig sehe, muss ich die Koordinaten für den Kreisbogen/die weiteren Tortenstücke aus den Anteilen (prozentual zur Basis 360° bzw. 2π) berechnen.
2. Die Vorschau des Kreisdiagramm-Beispiels „existiert nicht“.

Ja, das ist leider steckengeblieben.

Da wollte ich mal einen kompletten Diagramm-Generator bauen, bei dem man dann das fertig generierte SVG als Grafik oder als eigene Datei (siehe deinen Osterei-Generator) ausgeben kann.

Ich hoffe, dass ich Weihnachten dazu komme. :-(

Herzliche Grüße

Matthias Scharwies