Animated pie charts in Svelte


This is an animated pie chart that visualizes the distribution of the members of the German Bundestag for different age groups and political parties.

When the age group is changed via the menu, the new distribution is animated: this is very easy to do with Svelte's tweened stores. No graphics or visualization library is used. The pie chart is a hand-made SVG.

The data was extracted with a script from the German Wikipedia page Liste der Mitglieder des Deutschen Bundestages (20. Wahlperiode).

To improve accessibility, below the pie chart, there is also a text-based summary.

  • Data visualization
  • Mathematics
  • Svelte
  • SVG
  • Tutorial
  • TypeScript