carbon-charts
carbon-charts copied to clipboard
carbon-design-system
:bar_chart: :chart_with_upwards_trend:⠀Robust dataviz framework implemented using D3 & typescript
Carbon Charts
A reusable framework-agnostic D3 charting library.
Packages
- Vanilla
- React
- Angular
- Vue
- Svelte
Design specifications
Carbon data visualization design specifications can be found here.
CHANGELOG
Read the release change logs here
Component status
:white_check_mark: Stable :hourglass_flowing_sand: In progress
| Component | Vanilla | Angular | React | Vue | Svelte |
|---|---|---|---|---|---|
| Simple Bar | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Grouped Bar | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Stacked Bar | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Floating Bar | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Donut | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Line | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Curved Line | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Pie | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Step | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Scatter | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Radar | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Area | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Gauge | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Meter | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Sparkline | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Treemap | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Combo | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Wordcloud | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Bullet | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Circle Pack | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Network diagrams | — | :white_check_mark: | :white_check_mark: | — | — |
| Proportional meter | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Histogram | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Tree | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Alluvial | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Heatmap | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| Parallel coordinates | :hourglass_flowing_sand: | :hourglass_flowing_sand: | :hourglass_flowing_sand: | :hourglass_flowing_sand: | :hourglass_flowing_sand: |
Bugs and feature requests
Have a bug or a feature request? First read the issue guidelines and search for existing and closed issues. If your problem or idea is not addressed yet, open a new issue.
Contributing
See our contributing guidelines. Included are 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.
See our release change logs for the changelog of each version of Charts.
Core team
 Eliad Moosavi 💻 📖 💡 🚇 🔬 |
 Jean A Servaas 🎨 📖 💡 |
 Mike Abbink 🎨 📖 📆 🔬 |
 Akshat Patel 💻 📖 💡 |
 Dean Williams 📆 |
 Nina Li 📆 |
 DianaStanciulescu 🎨 📖 💡 🔬 |
 DanaPaslaru 🎨 📖 💡 🔬 |
Previous core members
 natashadecoste 💻 📖 💡 |
 Zvonimir Fras 💻 📖 👀 |
 Callum Smith 💻 📖 👀 |
 Diana Tran 🎨 📖 💡 |
 nicoleroppel 🎨 📖 💡 |
 Shixie 🎨 📖 💡 |
 cameroncalder 🎨 📖 💡 |
 Fei Z 💻 📖 💡 👀 |
 Tyler 🎨 📖 💡 |
 Donisius Wigie 💻 📖 💡 |
Contributors ✨
 Eric Yang 💻 📖 💡 👀 |
 Jennifer Chao 💻 📖 💡 👀 |
 Eric Liu 💻 📖 💡 👀 |
 j1mie 💻 📖 💡 👀 |
 shaziajk 💻 📖 💡 |
 MichC 🎨 📖 |
 Pablo Lopez Domowicz 🎨 📖 |
 Jaime Stockton 🎨 📖 |
 Thomas Mullen 💻 |
 Scott Dickerson 💻 📖 💡 |
 Simon Moore 💻 📖 💡 👀 |
 Mariia 💻 📖 💡 👀 |
 rmathur16 🔬 |
 TJ Egan 💻 |
 John Peng 💻 |
Code of Conduct
Read our code of conduct here
Metadata
Owner
carbon-design-system
Metadata
:bar_chart: :chart_with_upwards_trend:⠀Robust dataviz framework implemented using D3 & typescript