Awesome
<p align="center"> <a href="https://charts.carbondesignsystem.com/"> <img src="./assets/hero.png" alt="Carbon Charts" /> </a> <h3 align="center">Carbon Charts</h3> <p align="center"> A component library of 26 charts for <a href="./packages/core" target="_blank">vanilla JavaScript</a>, <a href="./packages/svelte" target="_blank">Svelte</a>, <a href="./packages/react" target="_blank">React</a>, <a href="./packages/vue" target="_blank">Vue.js</a> and <a href="./packages/angular" target="_blank">Angular</a>. <br /><br /> <a href="https://www.npmjs.com/package/@carbon/charts"> <img src="https://img.shields.io/npm/v/@carbon/charts.svg" /> </a> <img alt="semantic-versioning" src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--ver-e10079.svg" /> <img alt="semantic-versioning" src="https://img.shields.io/badge/downloads-+60k%2Fweek-green" /> <a href="https://discord.gg/J7JEUEkTRX"> <img src="https://img.shields.io/discord/689212587170201628?color=5865F2" alt="Chat with us on Discord"> </a> </p> </p>Documentation
Includes StackBlitz examples of each chart type for supported frameworks.
<a href="https://charts.carbondesignsystem.com/" target="_blank"> <img src="./assets/dashboard.png" width=700 /> </a>CHANGELOG
Release change logs can be found here.
Bugs and feature requests
Please read the issue guidelines and search for existing and closed issues. If your problem or idea has not been addressed, submit a bug report or feature enhancement request.
Contributing
See our contributing guidelines - instructions for opening issues, coding guidelines, and submitting pull requests.
<!-- ## Community Get updates on Charts' development and chat with the core team and community. -->Versioning
We use the semantic-release library to automatically version our releases within the guidelines of Semantic Versioning Semantic Versioning guidelines.
Core team
<!-- prettier-ignore --> <table> <tr> <td align="center"><a href="http://eMoosavi.com"><img src="https://avatars3.githubusercontent.com/u/14989804?v=4" width="100px;" alt="Eliad Moosavi"/><br /><sub><b>Eliad Moosavi</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=theiliad" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=theiliad" title="Documentation">📖</a> <a href="#example-theiliad" title="Examples">💡</a> <a href="#infra-theiliad" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="#research-theiliad" title="Research">🔬</a></td> <td align="center"><a href="https://github.com/jeanservaas"><img src="https://avatars.githubusercontent.com/u/43144260?v=4" width="100px;" alt=""/><br /><sub><b>Jean A Servaas</b></sub></a><br /><a href="#design-jeanservaas" title="Design">🎨</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=jeanservaas" title="Documentation">📖</a> <a href="#example-jeanservaas" title="Examples">💡</a></td> <td align="center"><a href="https://github.com/mjabbink"><img src="https://avatars.githubusercontent.com/u/32881239?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Mike Abbink</b></sub></a><br /><a href="#design-mjabbink" title="Design">🎨</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=mjabbink" title="Documentation">📖</a> <a href="#projectManagement-mjabbink" title="Project Management">📆</a> <a href="#research-mjabbink" title="Research">🔬</a></td> <td align="center"><a href="https://github.com/Akshat55"><img src="https://avatars.githubusercontent.com/u/38994122?v=4" width="100px;" alt="Akshat55"/><br /><sub><b>Akshat Patel</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=Akshat55" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=Akshat55" title="Documentation">📖</a> <a href="#example-Akshat55" title="Examples">💡</a></td> </tr> <tr> <td align="center"><a href="https://github.com/deandwill"><img src="https://avatars.githubusercontent.com/u/446838?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Dean Williams</b></sub></a><br /><a href="#projectManagement-deandwill" title="Project Management">📆</a></td> <td align="center"><a href="https://github.com/ninja511"><img src="https://avatars.githubusercontent.com/u/43248968?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Nina Li</b></sub></a><br /><a href="#projectManagement-ninja511" title="Project Management">📆</a></td> <td align="center"><a href="https://github.com/DianaStanciulescu"><img src="https://avatars.githubusercontent.com/u/51086727?v=4?s=100" width="100px;" alt=""/><br /><sub><b>DianaStanciulescu</b></sub></a><br /><a href="#design-DianaStanciulescu" title="Design">🎨</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=DianaStanciulescu" title="Documentation">📖</a> <a href="#example-DianaStanciulescu" title="Examples">💡</a> <a href="#research-DianaStanciulescu" title="Research">🔬</a></td> <td align="center"><a href="https://github.com/DanaPaslaru"><img src="https://avatars.githubusercontent.com/u/64195956?v=4?s=100" width="100px;" alt=""/><br /><sub><b>DanaPaslaru</b></sub></a><br /><a href="#design-DanaPaslaru" title="Design">🎨</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=DanaPaslaru" title="Documentation">📖</a> <a href="#example-DanaPaslaru" title="Examples">💡</a> <a href="#research-DanaPaslaru" title="Research">🔬</a></td> </tr> </table>Previous core members
<table> <tr> <td align="center"><a href="https://github.com/natashadecoste"><img src="https://avatars0.githubusercontent.com/u/14351335?v=4?s=100" width="100px;" alt=""/><br /><sub><b>natashadecoste</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=natashadecoste" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=natashadecoste" title="Documentation">📖</a> <a href="#example-natashadecoste" title="Examples">💡</a></td> <td align="center"><a href="http://www.zvonimirfras.com"><img src="https://avatars0.githubusercontent.com/u/9692126?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Zvonimir Fras</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=zvonimirfras" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=zvonimirfras" title="Documentation">📖</a> <a href="https://github.com/carbon-design-system/carbon-charts/pulls?q=is%3Apr+reviewed-by%3Azvonimirfras" title="Reviewed Pull Requests">👀</a></td> <td align="center"><a href="http://reallyawesomedomain.com"><img src="https://avatars1.githubusercontent.com/u/1744185?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Callum Smith</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=cal-smith" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=cal-smith" title="Documentation">📖</a> <a href="https://github.com/carbon-design-system/carbon-charts/pulls?q=is%3Apr+reviewed-by%3Acal-smith" title="Reviewed Pull Requests">👀</a></td> <td align="center"><a href="https://github.com/dianatran18"><img src="https://avatars3.githubusercontent.com/u/43549567?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Diana Tran</b></sub></a><br /><a href="#design-dianatran18" title="Design">🎨</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=dianatran18" title="Documentation">📖</a> <a href="#example-dianatran18" title="Examples">💡</a></td> <td align="center"><a href="https://github.com/nicoleroppel"><img src="https://avatars0.githubusercontent.com/u/43546639?v=4?s=100" width="100px;" alt=""/><br /><sub><b>nicoleroppel</b></sub></a><br /><a href="#design-nicoleroppel" title="Design">🎨</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=nicoleroppel" title="Documentation">📖</a> <a href="#example-nicoleroppel" title="Examples">💡</a></td> </tr> <tr> <td align="center"><a href="https://github.com/shixiedesign"><img src="https://avatars.githubusercontent.com/u/15144993?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Shixie</b></sub></a><br /><a href="#design-shixiedesign" title="Design">🎨</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=shixiedesign" title="Documentation">📖</a> <a href="#example-shixiedesign" title="Examples">💡</a></td> <td align="center"><a href="https://github.com/cameroncalder"><img src="https://avatars.githubusercontent.com/u/50155706?v=4?s=100" width="100px;" alt=""/><br /><sub><b>cameroncalder</b></sub></a><br /><a href="#design-cameroncalder" title="Design">🎨</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=cameroncalder" title="Documentation">📖</a> <a href="#example-cameroncalder" title="Examples">💡</a></td> <td align="center"><a href="https://github.com/sophiiae"><img src="https://avatars.githubusercontent.com/u/18622886?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Fei Z</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=sophiiae" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=sophiiae" title="Documentation">📖</a> <a href="#example-sophiiae" title="Examples">💡</a> <a href="https://github.com/carbon-design-system/carbon-charts/pulls?q=is%3Apr+reviewed-by%3Asophiiae" title="Reviewed Pull Requests">👀</a></td> <td align="center"><a href="https://github.com/designertyler"><img src="https://avatars.githubusercontent.com/u/19270502?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Tyler</b></sub></a><br /><a href="#design-designertyler" title="Design">🎨</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=designertyler" title="Documentation">📖</a> <a href="#example-designertyler" title="Examples">💡</a></td> <td align="center"><a href="https://github.com/Donisius"><img src="https://avatars.githubusercontent.com/u/45505172?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Donisius Wigie</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=Donisius" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=Donisius" title="Documentation">📖</a> <a href="#example-Donisius" title="Examples">💡</a></td> </tr> </table>Contributors ✨
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --> <!-- prettier-ignore-start --> <!-- markdownlint-disable --> <table> <tr> <td align="center"><a href="https://github.com/nstuyvesant"><img src="https://avatars.githubusercontent.com/u/5770938?v=4" width="100px;" alt=""/><br /><sub><b>Nate Stuyvesant</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=nstuyvesant" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=nstuyvesant" title="Documentation">📖</a> <a href="#example-nstuyvesant" title="Examples">💡</a></td> <td align="center"><a href="https://github.com/hlyang397"><img src="https://avatars.githubusercontent.com/u/59426533?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Eric Yang</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=hlyang397" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=hlyang397" title="Documentation">📖</a> <a href="#example-hlyang397" title="Examples">💡</a> <a href="https://github.com/carbon-design-system/carbon-charts/pulls?q=is%3Apr+reviewed-by%3Ahlyang397" title="Reviewed Pull Requests">👀</a></td> <td align="center"><a href="https://github.com/JennChao"><img src="https://avatars.githubusercontent.com/u/23396970?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Jennifer Chao</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=JennChao" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=JennChao" title="Documentation">📖</a> <a href="#example-JennChao" title="Examples">💡</a> <a href="https://github.com/carbon-design-system/carbon-charts/pulls?q=is%3Apr+reviewed-by%3AJennChao" title="Reviewed Pull Requests">👀</a></td> <td align="center"><a href="https://github.com/metonym"><img src="https://avatars.githubusercontent.com/u/10718366?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Eric Liu</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=metonym" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=metonym" title="Documentation">📖</a> <a href="#example-metonym" title="Examples">💡</a> <a href="https://github.com/carbon-design-system/carbon-charts/pulls?q=is%3Apr+reviewed-by%3Ametonym" title="Reviewed Pull Requests">👀</a></td> <td align="center"><a href="https://github.com/j1mie"><img src="https://avatars.githubusercontent.com/u/12685163?v=4?s=100" width="100px;" alt=""/><br /><sub><b>j1mie</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=j1mie" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=j1mie" title="Documentation">📖</a> <a href="#example-j1mie" title="Examples">💡</a> <a href="https://github.com/carbon-design-system/carbon-charts/pulls?q=is%3Apr+reviewed-by%3Aj1mie" title="Reviewed Pull Requests">👀</a></td> </tr> <tr> <td align="center"><a href="https://github.com/shaziajk"><img src="https://avatars.githubusercontent.com/u/44590418?v=4?s=100" width="100px;" alt=""/><br /><sub><b>shaziajk</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=shaziajk" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=shaziajk" title="Documentation">📖</a> <a href="#example-shaziajk" title="Examples">💡</a></td> <td align="center"><a href="https://github.com/michc"><img src="https://avatars0.githubusercontent.com/u/1393278?v=4?s=100" width="100px;" alt=""/><br /><sub><b>MichC</b></sub></a><br /><a href="#design-michc" title="Design">🎨</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=michc" title="Documentation">📖</a></td> <td align="center"><a href="https://github.com/PLopezD"><img src="https://avatars1.githubusercontent.com/u/5810053?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Pablo Lopez Domowicz</b></sub></a><br /><a href="#design-PLopezD" title="Design">🎨</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=PLopezD" title="Documentation">📖</a></td> <td align="center"><a href="https://github.com/JaimeMae"><img src="https://avatars0.githubusercontent.com/u/43579539?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Jaime Stockton</b></sub></a><br /><a href="#design-JaimeMae" title="Design">🎨</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=JaimeMae" title="Documentation">📖</a></td> <td align="center"><a href="https://github.com/t-mullen"><img src="https://avatars0.githubusercontent.com/u/14932492?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Thomas Mullen</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=t-mullen" title="Code">💻</a></td> </tr> <tr> <td align="center"><a href="https://github.com/scottdickerson"><img src="https://avatars.githubusercontent.com/u/6663002?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Scott Dickerson</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=scottdickerson" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=scottdickerson" title="Documentation">📖</a> <a href="#example-scottdickerson" title="Examples">💡</a></td> <td align="center"><a href="https://github.com/moores2"><img src="https://avatars.githubusercontent.com/u/6977424?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Simon Moore</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=moores2" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=moores2" title="Documentation">📖</a> <a href="#example-moores2" title="Examples">💡</a> <a href="https://github.com/carbon-design-system/carbon-charts/pulls?q=is%3Apr+reviewed-by%3Amoores2" title="Reviewed Pull Requests">👀</a></td> <td align="center"><a href="https://github.com/ZrianinaMariia"><img src="https://avatars.githubusercontent.com/u/5481483?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Mariia</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=ZrianinaMariia" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=ZrianinaMariia" title="Documentation">📖</a> <a href="#example-ZrianinaMariia" title="Examples">💡</a> <a href="https://github.com/carbon-design-system/carbon-charts/pulls?q=is%3Apr+reviewed-by%3AZrianinaMariia" title="Reviewed Pull Requests">👀</a></td> <td align="center"><a href="https://github.com/rmathur16"><img src="https://avatars.githubusercontent.com/u/38890232?v=4?s=100" width="100px;" alt=""/><br /><sub><b>rmathur16</b></sub></a><br /><a href="#research-rmathur16" title="Research">🔬</a></td> <td align="center"><a href="https://github.com/tw15egan"><img src="https://avatars.githubusercontent.com/u/11928039?v=4?s=100" width="100px;" alt=""/><br /><sub><b>TJ Egan</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=tw15egan" title="Code">💻</a></td> </tr> <tr> <td align="center"><a href="http://www.johnpeng47.com"><img src="https://avatars3.githubusercontent.com/u/9957837?v=4?s=100" width="100px;" alt=""/><br /><sub><b>John Peng</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon-charts/commits?author=JohnPeng47" title="Code">💻</a></td> </tr> </table> <!-- markdownlint-restore --> <!-- prettier-ignore-end --> <!-- ALL-CONTRIBUTORS-LIST:END -->Code of Conduct
Read our code of conduct here
<a href="https://www.netlify.com" target="_blank"> <img src="https://www.netlify.com/img/global/badges/netlify-color-accent.svg" /> </a>