{"library":"vue-css-donut-chart","type":"library","category":null,"description":"vue-css-donut-chart is a lightweight Vue component designed for creating highly customizable donut charts using pure CSS. Targeting Vue 3 environments (current stable version 2.1.0), it provides a flexible solution for visualizing data slices without relying on external SVG or Canvas libraries. The package maintains an active development status, with a clear separation for Vue 2 support (version 1.x), ensuring compatibility across major Vue ecosystems. Key differentiators include its minimal bundle size, pure CSS rendering for performance and ease of styling, and an extensive API for controlling chart appearance, including thickness, colors, legend placement, and responsiveness. It also supports conversion to a pie chart by adjusting the `thickness` prop and offers various interaction events for individual sections.","language":"javascript","status":"active","version":"2.1.0","tags":["javascript","donut","pie","chart","circle","radial","progress","vue","css","typescript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-css-donut-chart","imports":["import { VcDonut } from 'vue-css-donut-chart';","app.use(vcdonut.default);","import type { DonutSection } from 'vue-css-donut-chart';"]},{"cmd":"yarn add vue-css-donut-chart","imports":[]},{"cmd":"pnpm add vue-css-donut-chart","imports":[]}],"homepage":"https://vue-css-donut-chart.netlify.app","github":"https://github.com/dumptyd/vue-css-donut-chart","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-css-donut-chart","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/vue-css-donut-chart/compatibility"}}