{"id":13805058,"url":"https://github.com/fsx950223/chartjs-web-components","last_synced_at":"2025-04-12T02:23:05.510Z","repository":{"id":48987985,"uuid":"133453861","full_name":"fsx950223/chartjs-web-components","owner":"fsx950223","description":"the web components for chartjs","archived":false,"fork":false,"pushed_at":"2021-07-02T06:54:15.000Z","size":4189,"stargazers_count":56,"open_issues_count":3,"forks_count":8,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-03-23T20:03:33.593Z","etag":null,"topics":["chartjs","lit-element","react","vue","webcomponents"],"latest_commit_sha":null,"homepage":"https://fsx950223.github.io/chartjs-web-components/live-demo/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fsx950223.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-05-15T03:26:20.000Z","updated_at":"2023-10-20T17:14:07.000Z","dependencies_parsed_at":"2022-08-29T08:50:36.543Z","dependency_job_id":null,"html_url":"https://github.com/fsx950223/chartjs-web-components","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fsx950223%2Fchartjs-web-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fsx950223%2Fchartjs-web-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fsx950223%2Fchartjs-web-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fsx950223%2Fchartjs-web-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fsx950223","download_url":"https://codeload.github.com/fsx950223/chartjs-web-components/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239859550,"owners_count":19708863,"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":["chartjs","lit-element","react","vue","webcomponents"],"created_at":"2024-08-04T01:00:57.058Z","updated_at":"2025-02-20T16:30:19.624Z","avatar_url":"https://github.com/fsx950223.png","language":"TypeScript","readme":"# Chartjs Web Components\r\nThe web components for chart.js which is built on lit-element\r\n## Live Demo\r\nhttps://fsx950223.github.io/chartjs-web-components/live-demo/\r\n## Install\r\n``` bash\r\nnpm i chartjs-web-components\r\n```\r\n## Lit-Element Usage\r\n``` html\r\n\u003cbase-chart id=\"chart\" type=\"chartType\" .data=\"${chartData}\" .options=\"${chartOptions}\"\u003e\u003c/base-chart\u003e\r\n```\r\n``` js\r\nimport 'chartjs-web-components'\r\n```\r\n## Vue Example\r\n``` html\r\n\u003cbase-chart id=\"chart\" type=\"chartType\" :data=\"data\" :options=\"options\"\u003e\u003c/base-chart\u003e\r\n```\r\n``` js\r\nimport VueChartjs from 'chartjs-web-components/dist/vue.js'\r\n```\r\n## React Example\r\n``` jsx\r\nimport ReactChartjs from 'chartjs-web-components/dist/react.js'\r\n\u003cReactChartjs data={data} type={type} options={options}/\u003e\r\n```\r\n## Demo\r\n``` bash\r\nnpm run start\r\n```\r\n","funding_links":[],"categories":["Component Libraries"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffsx950223%2Fchartjs-web-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffsx950223%2Fchartjs-web-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffsx950223%2Fchartjs-web-components/lists"}