Pie Chart VueJs Component with CSS Conic Gradients

HTML5, CSS3 and JavaScript

The Fine Art of Web Development by Martin Ivanov

VcPiechart is a simple, yet powerful VueJs component for creating pie charts that came out from an experiment I made with the relatively new CSS conic gradients utilizing minimal markup and simple calculations.

The package is available as an ES6 module on NPM and the repo is on BitBucket in case you feel like forking it. All of the properties are described in the readme file. Firefox and Edge still do not support conic gradients, but you can use Lea Verou’s awesome polyfill to further extend VcPiechart.

Categories and Tags

© 2006 - 2021 Martin Ivanov