{"id":21454465,"url":"https://github.com/litt1e-p/donutpie","last_synced_at":"2026-03-19T20:28:41.468Z","repository":{"id":57215155,"uuid":"251521217","full_name":"litt1e-p/donutPie","owner":"litt1e-p","description":"half donut pie chart for vue","archived":false,"fork":false,"pushed_at":"2021-02-22T08:31:43.000Z","size":179,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-23T13:07:57.835Z","etag":null,"topics":["d3-visualization","d3js","donut-chart","pie","semipie"],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/litt1e-p.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-03-31T06:40:55.000Z","updated_at":"2023-04-21T16:26:46.000Z","dependencies_parsed_at":"2022-09-10T02:40:38.244Z","dependency_job_id":null,"html_url":"https://github.com/litt1e-p/donutPie","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/litt1e-p%2FdonutPie","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/litt1e-p%2FdonutPie/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/litt1e-p%2FdonutPie/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/litt1e-p%2FdonutPie/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/litt1e-p","download_url":"https://codeload.github.com/litt1e-p/donutPie/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243965714,"owners_count":20375920,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["d3-visualization","d3js","donut-chart","pie","semipie"],"created_at":"2024-11-23T05:07:42.063Z","updated_at":"2026-01-02T23:46:20.786Z","avatar_url":"https://github.com/litt1e-p.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# DonutPie\r\n\r\nHalf donut pie chart which using [d3.js](https://d3js.org/) for vue\r\n\r\n#### Installation\r\n\r\n```js\r\nnpm i donut-pie\r\n```\r\n\r\n#### Usage\r\n\r\n1. global registration\r\n\r\n```js\r\n// in main.js\r\nimport DonutPie from 'donut-pie'\r\n// import 'donut-pie/dist/DonutPie.css'\r\n\r\nVue.use(DonutPie)\r\n```\r\n\r\n1. use as vue component\r\n\r\n```js\r\n// in your vue file\r\nimport { DonutPie } from 'donut-pie'\r\n\r\nexport default {\r\n  components: {\r\n    DonutPie\r\n  }\r\n  ...\r\n}\r\n```\r\n\r\n### Configuration\r\n\r\n```js\r\n\u003cdonutPie v-model=\"your percent (eg. 60)\" :title=\"'your title'\" :remark=\"'your remark'\"/\u003e\r\n```\r\nfor more detail\r\n\r\n```js\r\n\u003cdonutPie v-model=\"your percent (eg. 60)\" :title=\"'your title'\" :remark=\"'your remark'\" :conf=\"{ width: 360, height: 200, thickness: 22, color: '#8888D3', bgColor: '#E9E9E9', percentColor: '#333', titleColor: 'rgba(0, 0, 0, 0.65)', titleTemplate: '\u003ch1\u003etitle\u003c/h1\u003e' disableCornerRadius: false}\"/\u003e\r\n```\r\n\r\n\r\n#### Screenshots\r\n\r\n![](./screenshots/screenshot.gif)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flitt1e-p%2Fdonutpie","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flitt1e-p%2Fdonutpie","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flitt1e-p%2Fdonutpie/lists"}