Recently, Juan Diego Rodríguez published an excellent article exploring how far CSS can be pushed to build a semantic and customizable pie chart while keeping JavaScript to a minimum.

Citing Juan himself:

In this article, we’ll try making the perfect pie chart in CSS. That means avoiding as much JavaScript as possible while addressing major headaches that comes with handwriting pie charts.

And it stated some goals that I want to go through again in order of priority:

This must be semantic! Meaning a screen reader should be able to understand the data shown in the pie chart.