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 (Updated 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 )