Awesome

<a href="https://charts.carbondesignsystem.com/"> <img src="./assets/hero.png" alt="Carbon Charts" /> </a> <h3 align="center">Carbon Charts</h3> 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>. <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>

Documentation

Includes StackBlitz examples of each chart type for supported frameworks.

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.

Versioning

We use the semantic-release library to automatically version our releases within the guidelines of Semantic Versioning Semantic Versioning guidelines.

Core team

<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"/> Eliad Moosavi</a> <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=""/> Jean A Servaas</a> <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=""/> Mike Abbink</a> <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"/> Akshat Patel</a> <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=""/> Dean Williams</a> <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=""/> Nina Li</a> <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=""/> DianaStanciulescu</a> <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=""/> DanaPaslaru</a> <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=""/> natashadecoste</a> <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=""/> Zvonimir Fras</a> <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=""/> Callum Smith</a> <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=""/> Diana Tran</a> <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=""/> nicoleroppel</a> <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=""/> Shixie</a> <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=""/> cameroncalder</a> <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=""/> Fei Z</a> <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=""/> Tyler</a> <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=""/> Donisius Wigie</a> <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 ✨

<table> <tr> <td align="center"><a href="https://github.com/nstuyvesant"><img src="https://avatars.githubusercontent.com/u/5770938?v=4" width="100px;" alt=""/> Nate Stuyvesant</a> <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=""/> Eric Yang</a> <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=""/> Jennifer Chao</a> <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=""/> Eric Liu</a> <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=""/> j1mie</a> <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=""/> shaziajk</a> <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=""/> MichC</a> <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=""/> Pablo Lopez Domowicz</a> <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=""/> Jaime Stockton</a> <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=""/> Thomas Mullen</a> <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=""/> Scott Dickerson</a> <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=""/> Simon Moore</a> <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=""/> Mariia</a> <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=""/> rmathur16</a> <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=""/> TJ Egan</a> <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=""/> John Peng</a> <a href="https://github.com/carbon-design-system/carbon-charts/commits?author=JohnPeng47" title="Code">💻</a></td> </tr> </table>

Code of Conduct

Read our code of conduct here