Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/carbon-design-system/carbon-charts

:bar_chart: :chart_with_upwards_trend:⠀Robust dataviz framework implemented using D3 & typescript
https://github.com/carbon-design-system/carbon-charts

angular carbon-design-system charts d3 d3js dataviz hacktoberfest ibm javascript react svelte typescript vanilla vue

Last synced: 2 months ago
JSON representation

:bar_chart: :chart_with_upwards_trend:⠀Robust dataviz framework implemented using D3 & typescript

Host: GitHub
URL: https://github.com/carbon-design-system/carbon-charts
Owner: carbon-design-system
License: apache-2.0
Created: 2018-07-31T19:41:49.000Z (almost 6 years ago)
Default Branch: master
Last Pushed: 2024-04-13T01:23:35.000Z (3 months ago)
Last Synced: 2024-04-14T06:07:36.943Z (3 months ago)
Topics: angular, carbon-design-system, charts, d3, d3js, dataviz, hacktoberfest, ibm, javascript, react, svelte, typescript, vanilla, vue
Language: TypeScript
Homepage: https://charts.carbondesignsystem.com
Size: 1.08 GB
Stars: 855
Watchers: 33
Forks: 174
Open Issues: 165
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE.md
- Code of conduct: .github/CODE_OF_CONDUCT.md
- Codeowners: CODEOWNERS
- Security: SECURITY.md

Lists

awesome-ibmcloud - carbon-charts - 📊 📈 Reusable charts implemented using D3 & typescript. (Carbon Design System)
awesome-github-repos - carbon-design-system/carbon-charts - :bar_chart: :chart_with_upwards_trend:⠀Robust dataviz framework implemented using D3 & typescript (TypeScript)
awesome-stars - carbon-charts - design-system | 627 | (TypeScript)
my-awesome-stars - carbon-design-system/carbon-charts - :bar_chart: :chart_with_upwards_trend:⠀Robust dataviz framework implemented using D3 & typescript (TypeScript)
docsify-awesome-stars - carbon-design-system/carbon-charts - :bar_chart: :chart_with_upwards_trend:⠀Robust dataviz framework implemented using D3 & typescript (TypeScript)
best-of-react - GitHub - 21% open · ⏱️ 03.06.2024): (Data Visualization)
awesome-angular-components - carbon-design-system/carbon-charts - 📊 📈 Robust dataviz framework implemented using D3 & typescript (UI Components / Charts)
awesome - carbon-design-system/carbon-charts - :bar\_chart: :chart\_with\_upwards\_trend:⠀Robust dataviz framework implemented using D3 & typescript (TypeScript)
awesome-stars - carbon-charts - design-system | 875 | (TypeScript)

README

        


	

		

	

	
Carbon Charts

	

		A reusable framework-agnostic D3 charting library.

		



		

			

		

		

		

		

	    		

	  	

	


## Packages

- [Vanilla JavaScript](./packages/core)

- [React](./packages/react)

- [Angular](./packages/angular)

- [Svelte](./packages/svelte)

- [Vue](./packages/vue)



  



## Demos

Visit [the demo website](https://charts.carbondesignsystem.com/?path=/story/docs--welcome)

## Design specifications



  



Carbon data visualization design specifications can be found

[here](https://www.carbondesignsystem.com/data-visualization/getting-started).

## CHANGELOG

Read the release change logs [here](https://github.com/carbon-design-system/carbon-charts/releases)

## 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:       |

| Choropleth           | :white_check_mark:       | :white_check_mark:       | :white_check_mark:       | :white_check_mark:       | :white_check_mark:       |

## Bugs and feature requests

Have a bug or a feature request? First read the

[issue guidelines](https://github.com/carbon-design-system/carbon-charts/blob/master/CONTRIBUTING.md#issue-guidelines)

and search for existing and closed issues. If your problem or idea is not addressed yet,

[open a new issue](https://github.com/carbon-design-system/carbon-charts/issues/new).

## Contributing

See our

[contributing guidelines](https://github.com/carbon-design-system/carbon-charts/blob/master/.github/CONTRIBUTING.md).

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](http://semver.org/).

See our

[release change logs](https://github.com/carbon-design-system/carbon-charts/blob/master/CHANGELOG.md)

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 ✨

  

     
_{Nate Stuyvesant}
💻 📖 💡

    
_{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](.github/CODE_OF_CONDUCT.md)