org.webjars.npm:carbon__charts

Carbon Charts

A reusable framework-agnostic D3 charting library.

Table of contents

• Installation
• Demo & Docs
• Run Charts locally
• Component status
• Bugs and feature requests
• Contributing

Getting started

Installation

Run:

yarn global add @storybook/cli

yarn add @carbon/charts

Or if you use NPM:

npm i -g @storybook/cli

npm install @carbon/charts --save

Demo and documentation

Charts demos:

• Vanilla JS
• Angular
• React
• Vue

Docs: https://carbon-design-system.github.io/carbon-charts/documentation/

Code Samples

• Vanilla JS
• Angular
• React
• Vue

Run Charts locally

1. Fork the project and clone your fork:

   # Clone your fork of the repo into the current directory
   git clone [e-mail]:<your-username>/carbon-charts.git
   # Navigate to the newly cloned directory
   cd carbon-charts
   

2. Run yarn to install Node.js dependencies.

3. Run yarn run demo:server to serve up the demo locally.

4. Finally, open http://localhost:9001/ in your browser. SPOILER ALERT: There's no "Hello, World!"

Component status

:white_check_mark: Stable :hourglass_flowing_sand: In progress

Component	Vanilla	Angular	React	Vue
Simple Bar	: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:
Stacked Bar	: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:
Line	: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:
Pie	: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:
Scatter	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:
Area	: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 releases notes for the changelog of each version of Charts.

Core Team

Eliad Moosavi 💻 📖 💡 🚇

natashadecoste 💻 📖 💡

Zvonimir Fras 💻 📖 👀

Callum Smith 💻 📖 👀

Contributors

shixiedesign 🎨	cameroncalder 🎨	Diana Tran 🎨 📖	nicoleroppel 🎨 📖
ZrianinaMariia 💻	moores2 💻	stanislavgeorgiev 💻	jendowns 💻
Thomas Mullen 💻	Jaime Stockton 🎨 📖	Pablo Lopez Domowicz 🎨 📖	John Peng 💻