Direct link to the article Building a Donut Chart with Vue and SVG

Building a Donut Chart with Vue and SVG

I recently needed to make a donut chart for a reporting dashboard at work. I wanted it to dynamically calculate its segments based on an arbitrary set of values, have labels, scale well across all screen sizes and devices be accessible, and cross-browser compatible, among other things. This article details the steps I took to do that, using Vue.js.
Avatar of Salomone Baquis
Salomone Baquis on
Direct link to the article Simple Interactive Pie Chart with CSS Variables and Houdini Magic

Simple Interactive Pie Chart with CSS Variables and Houdini Magic

I got the idea for doing something of the kind when I stumbled across this interactive SVG pie chart. While the SVG code is as compact as it gets (a single <circle></circle> element!), using strokes for creating pie chart …

Avatar of Ana Tudor
Ana Tudor on (Updated on )