{"id":13686837,"url":"https://github.com/chartjs/awesome","last_synced_at":"2025-09-28T13:31:10.854Z","repository":{"id":37357662,"uuid":"172759972","full_name":"chartjs/awesome","owner":"chartjs","description":"A curated list of awesome Chart.js resources and libraries","archived":false,"fork":false,"pushed_at":"2024-05-20T08:52:26.000Z","size":69,"stargazers_count":1964,"open_issues_count":5,"forks_count":128,"subscribers_count":40,"default_branch":"master","last_synced_at":"2024-05-23T02:02:26.611Z","etag":null,"topics":["awesome","chartjs","charts","integrations","plugins","resources"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":false,"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/chartjs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-02-26T17:42:58.000Z","updated_at":"2024-05-28T07:29:01.498Z","dependencies_parsed_at":"2024-02-19T18:19:43.976Z","dependency_job_id":"af68ca0b-7b01-4510-9ab3-30e9c2a5482b","html_url":"https://github.com/chartjs/awesome","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/chartjs%2Fawesome","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2Fawesome/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2Fawesome/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2Fawesome/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chartjs","download_url":"https://codeload.github.com/chartjs/awesome/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234525607,"owners_count":18846934,"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":["awesome","chartjs","charts","integrations","plugins","resources"],"created_at":"2024-08-02T15:00:41.447Z","updated_at":"2025-09-28T13:31:10.847Z","avatar_url":"https://github.com/chartjs.png","language":null,"readme":"\u003cdiv align=\"center\"\u003e\n    \u003cimg width=\"320\" src=\"https://www.chartjs.org/media/awesome.svg\" alt=\"Awesome Chart.js\"\u003e\n\u003c/div\u003e\n\n# Awesome Chart.js [![Awesome](https://awesome.re/badge-flat2.svg)](https://awesome.re)\n\nA curated list of awesome things related to [Chart.js](https://www.chartjs.org)\n\n- [Resources](#resources)\n- [Charts](#charts)\n- [Plugins](#plugins)\n- [Adapters](#adapters)\n- [Integrations](#integrations)\n- [Tools](#tools)\n\n**Chart.js support.** There are three major Chart.js versions currently in use. Please refer to version badges below to check if a library supports your version of Chart.js. (Also, \"❕\" means that a version is not supported.)\n\n* Chart.js v. 4️⃣ — released in November 2022\n* Chart.js v. 3️⃣ — released in April 2021\n* Chart.js v. 2️⃣ — released in April 2016\n\n## Resources\n\n- [Official Guide](https://chartjs.org/docs) | The user guide and documentation site.\n\n## Charts\n\n  Support | Name | Description\n  -- | -- | --\n  2️⃣ ❕ ❕ | [bar-funnel](https://github.com/chartjs/Chart.BarFunnel.js) | Adds bar funnel chart type\n  2️⃣ 3️⃣ 4️⃣ | [boxplot](https://github.com/sgratzl/chartjs-chart-boxplot) | Adds boxplot and violin plot chart type\n  2️⃣ 3️⃣ 4️⃣ | [error-bars](https://github.com/sgratzl/chartjs-chart-error-bars) | Adds diverse error bar variants of standard chart types\n  2️⃣ 3️⃣ ❕ | [financial](https://github.com/chartjs/chartjs-chart-financial) | Adds financial chart types such as a candlestick\n  ❕ 3️⃣ 4️⃣ | [funnel](https://github.com/sgratzl/chartjs-chart-funnel) | Adds funnel chart type\n  2️⃣ 3️⃣ 4️⃣ | [geo](https://github.com/sgratzl/chartjs-chart-geo) | Adds geographic map chart types such as choropleth and bubble map\n  2️⃣ 3️⃣ 4️⃣ | [graph](https://github.com/sgratzl/chartjs-chart-graph) | Adds graph chart types such as a force directed graph\n  2️⃣ 3️⃣ 4️⃣ | [matrix](https://github.com/kurkle/chartjs-chart-matrix) | Adds matrix chart type\n  2️⃣ 3️⃣ 4️⃣ | [pcp](https://github.com/sgratzl/chartjs-chart-pcp) | Adds parallel coordinates plot chart type\n  ❕ 3️⃣ 4️⃣ | [sankey](https://github.com/kurkle/chartjs-chart-sankey) | Adds sankey diagram chart type\n  2️⃣ ❕ ❕ | [smith](https://github.com/chartjs/Chart.smith.js) | Adds smith chart type\n  2️⃣ 3️⃣ 4️⃣ | [stacked100](https://github.com/y-takey/chartjs-plugin-stacked100) | Draws 100% stacked bar chart\n  2️⃣ 3️⃣ 4️⃣ | [treemap](https://github.com/kurkle/chartjs-chart-treemap) | Adds treemap chart type\n  ❕ 3️⃣ 4️⃣ | [venn](https://github.com/upsetjs/chartjs-chart-venn) | Adds venn and euler chart type\n  ❕ 3️⃣ 4️⃣ | [word-cloud](https://github.com/sgratzl/chartjs-chart-wordcloud) | Adds word-cloud chart type\n\n## Plugins\n\n### Styling\n\n  Support | Name | Description\n  -- | -- | --\n  ❕ 3️⃣ 4️⃣ | [autocolors](https://github.com/kurkle/chartjs-plugin-autocolors) | Automatic color generation\n  2️⃣ ❕ ❕ | [colorschemes](https://github.com/nagix/chartjs-plugin-colorschemes) | Enables automatic coloring using predefined color schemes\n  ❕ 3️⃣ 4️⃣ | [gradient](https://github.com/kurkle/chartjs-plugin-gradient) | Easy gradients\n  2️⃣ ❕ ❕ | [rough](https://github.com/nagix/chartjs-plugin-rough) | Draws charts in a sketchy, hand-drawn-like style using Rough.js\n  2️⃣ ❕ ❕ | [style](https://github.com/nagix/chartjs-plugin-style) | Provides styling options such as shadow, bevel, glow or overlay effects\n  ❕ ❕ 4️⃣ | [timestack](https://github.com/jkmnt/chartjs-scale-timestack) | Adds opinionated time scale formatting with \"nice\" time divisions\n  \n### Features\n\n  Support | Name | Description\n  -- | -- | --\n  2️⃣ 3️⃣ 4️⃣ | [annotation](https://github.com/chartjs/chartjs-plugin-annotation) | Draws lines, boxes, points, labels, polygons and ellipses on the chart area\n  2️⃣ 3️⃣ ❕ | [crosshair](https://github.com/abelheinsbroek/chartjs-plugin-crosshair) | Adds a data crosshair to line and scatter charts\n  2️⃣ 3️⃣ 4️⃣ | [datalabels](https://github.com/chartjs/chartjs-plugin-datalabels) | Displays labels on data for any type of charts\n  2️⃣ ❕ ❕ | [doughnutlabel](https://github.com/ciprianciurea/chartjs-plugin-doughnutlabel) | Display a text label in the center of a doughnut chart\n  2️⃣ 3️⃣ 4️⃣ | [hierarchical](https://github.com/sgratzl/chartjs-plugin-hierarchical) | Adds hierarchical scales that can be collapsed, expanded, and focused\n  ❕ ❕ 4️⃣ | [image-label](https://github.com/yunusemrejs/chartjs-image-label) | Displays image labels on data for doughnut charts\n  2️⃣ ❕ ❕ | [piechart-outlabels](https://github.com/mykola-digtiar/chartjs-plugin-piechart-outlabels) | Displays labels outside a pie/doughnut chart\n  2️⃣ ❕ ❕ | [regression](https://github.com/pomgui/chartjs-plugin-regression) | Calculate and draw statistical regressions (trend lines)\n  ❕ ❕ 4️⃣ | [trendline](https://github.com/Makanz/chartjs-plugin-trendline) | Draw trend lines\n  2️⃣ ❕ ❕ | [waterfall](https://github.com/everestate/chartjs-plugin-waterfall) | Enables easy use of waterfall charts\n\n### Interactions\n\n  Support | Name | Description\n  -- | -- | --\n  ❕ ❕ 4️⃣ | [a11y-legend](https://github.com/julianna-langston/chartjs-plugin-a11y-legend) | Provides keyboard accessibility for chart legends \n  ❕ 3️⃣ 4️⃣ | [chart2music](https://github.com/julianna-langston/chartjs2music) | Enhances chart accessibility with keyboard navigation and sonification \n  2️⃣ 3️⃣ 4️⃣ | [deferred](https://github.com/chartjs/chartjs-plugin-deferred) | Defers initial chart update until chart scrolls into viewport\n  2️⃣ 3️⃣ 4️⃣ | [dragdata](https://github.com/artus9033/chartjs-plugin-dragdata) | Lets users drag data points on the chart\n  ❕ ❕ 4️⃣ | [interaction-tools](https://github.com/NVital14/chartjs-plugin-interaction-tools) - Drag data points and draw freeform trails directly on charts.\n  2️⃣ 3️⃣ 4️⃣ | [zoom](https://github.com/chartjs/chartjs-plugin-zoom) | Enables zooming and panning on charts\n\n\n### Data Sources\n\n  Support | Name | Description\n  -- | -- | --\n  2️⃣ 3️⃣ 4️⃣ | [datasource-prometheus](https://github.com/samber/chartjs-plugin-datasource-prometheus) | Displays time-series from Prometheus\n  2️⃣ 3️⃣ ❕ | [streaming](https://github.com/nagix/chartjs-plugin-streaming) | Adds support for live streaming data\n\nIn addition, many plugins can be found on the [npm registry](https://www.npmjs.com/search?q=chartjs-plugin-).\n\n## Adapters\n\n  Support | Name | Description\n  -- | -- | --\n  2️⃣ 3️⃣ 4️⃣ | [date-fns](https://github.com/chartjs/chartjs-adapter-date-fns) | date-fns adapter\n  2️⃣ 3️⃣ 4️⃣ | [dayjs](https://github.com/bolstycjw/chartjs-adapter-dayjs-4) | dayjs adapter\n  2️⃣ 3️⃣ 4️⃣ | [luxon](https://github.com/chartjs/chartjs-adapter-luxon) | Luxon adapter\n  2️⃣ 3️⃣ 4️⃣ | [moment](https://github.com/chartjs/chartjs-adapter-moment) | Moment.js adapter\n  ❕ 3️⃣ 4️⃣ | [spacetime](https://github.com/nfinished/chartjs-adapter-spacetime) | Spacetime adapter\n\n## Integrations\n\n### JavaScript\n\n  Support | Name | Description\n  -- | -- | --\n  2️⃣ ❕ ❕ | [ember-cli-chart](https://github.com/aomran/ember-cli-chart) | Ember CLI\n  ❕ ❕ 4️⃣ | [fresh_charts](https://github.com/denoland/fresh_charts) | Fresh\n  2️⃣ ❕ ❕ | [lwcc](https://github.com/SalesforceLabs/LightningWebChartJS) | Lightning Web Component\n  2️⃣ 3️⃣ 4️⃣ | [ng2-charts](https://github.com/valor-software/ng2-charts) | Angular v2+\n  2️⃣ 3️⃣ ❕ | [omi-chart](https://github.com/Tencent/omi/tree/master/components/chart) | Omi\n  2️⃣ 3️⃣ 4️⃣ | [react-chartjs-2](https://github.com/jerairrest/react-chartjs-2) | React\n  ❕ 3️⃣ 4️⃣ | [solid-chartjs](https://github.com/s0ftik3/solid-chartjs) | SolidJs\n  ❕ 3️⃣ 4️⃣ | [svelte-chartjs](https://github.com/SauravKanchan/svelte-chartjs) | Svelte\n  2️⃣ 3️⃣ 4️⃣ | [vue-chartjs](https://github.com/apertureless/vue-chartjs/) | Vue.js\n\n### Others\n\n  Support | Name | Description\n  -- | -- | --\n  ❕ 3️⃣ ❕ | [BlazorChartjs](https://github.com/erossini/BlazorChartjs) | Blazor\n  ❕ 3️⃣ 4️⃣ | [pax.BlazorChartJs](https://github.com/ipax77/pax.BlazorChartJs) | Blazor (with [JavaScript isolation](https://learn.microsoft.com/en-us/aspnet/core/blazor/javascript-interoperability/?view=aspnetcore-6.0#javascript-isolation-in-javascript-modules-1))\n  2️⃣ 3️⃣ 4️⃣ | [charba](https://github.com/pepstock-org/Charba) | GWT/J2CL\n  2️⃣ ❕ ❕ | [chart.java](https://github.com/mdewilde/chart/) | Java\n  ❕ ❕ 4️⃣ | [chartjs-java-model](https://github.com/xdev-software/chartjs-java-model) | Java\n  2️⃣ ❕ ❕ | [chartjs-ocaml](https://github.com/monstasat/chartjs-ocaml) | OCaml\n  2️⃣ 3️⃣ ❕ | [chartjs-ror](https://github.com/airblade/chartjs-ror) | Ruby, simplifies using Chart.js in Rails views\n  ❕ 3️⃣ 4️⃣ | [chart-js-rs](https://github.com/Billy-Sheppard/chart-js-rs) | Chart.js types API in Rust (WIP in Alpha/incomplete)\n  2️⃣ ❕ ❕ | [django-chartjs](https://github.com/peopledoc/django-chartjs) | Django\n  \u0026nbsp; | [figma](https://www.figma.com/community/file/1111335120507995139) | Design components\n  2️⃣ 3️⃣ 4️⃣ | [ipychart](https://github.com/nicohlr/ipychart) | Python\n  2️⃣ 3️⃣ 4️⃣ | [laravel-chartjs](https://github.com/icehouse-ventures/laravel-chartjs) | Laravel\n  2️⃣ ❕ ❕ | [liquify](https://github.com/sakos95/liquify) | Fast, multi-threaded visualization of stream data with Angular\n  2️⃣ ❕ ❕ | [nova-chartjs](https://github.com/coroo/nova-chartjs) | Laravel Nova\n  ❕ ❕ 4️⃣ | [octave-chartjs](https://github.com/pr0m1th3as/octave-chartjs) | GNU Octave\n  ❕ ❕ 4️⃣ | [RazorKit.ChartJs](https://ekondur.github.io/RazorKit/chartjs) | HTML Helper for Asp.Net MVC\n  ❕ 3️⃣ 4️⃣ | [symfony/ux-chartjs](https://github.com/symfony/ux-chartjs) | Symfony UX bundle\n  2️⃣ 3️⃣ 4️⃣ | [quickchart](https://github.com/typpo/quickchart) | Web API for static charts\n  2️⃣ ❕ ❕ | [wicked-charts](https://github.com/adessoAG/wicked-charts) | Wrapper for Java web apps\n\n## Tools\n\n  Support | Name | Description\n  -- | -- | --\n  ❕ 3️⃣ ❕ | [xhub](https://github.com/nschloe/xhub) | Browser extension for Chart.js (and more) on GitHub pages\n","funding_links":[],"categories":["awesome","Others","Other Lists"],"sub_categories":["TeX Lists"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchartjs%2Fawesome","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchartjs%2Fawesome","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchartjs%2Fawesome/lists"}