diff --git a/README.md b/README.md index 71813179a6..f562b3993d 100644 --- a/README.md +++ b/README.md @@ -45,15 +45,25 @@ npm install @carbon/charts --save - [Vanilla JS](https://carbon-design-system.github.io/carbon-charts/) - [Angular](https://carbon-design-system.github.io/carbon-charts/angular) - [React](https://carbon-design-system.github.io/carbon-charts/react) +- [Vue](https://carbon-design-system.github.io/carbon-charts/vue) **Docs:** -### Code Sample +### Code Samples

- Stacked Bar Chart + Stacked Bar Chart

-[![Edit Carbon Charts - Vanilla](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/2plrn2jp7r) +

+ + Edit Carbon Charts - Vanilla + +

+ +- [Vanilla JS](https://codesandbox.io/s/149vrzo62l) +- [Angular](https://codesandbox.io/s/k32kjy5qnr) +- [React](https://codesandbox.io/s/pppmo3ollx) +- [Vue](https://codesandbox.io/s/040w2rqrxp) ### Run Charts locally 1. Fork the project and clone your fork: @@ -72,18 +82,18 @@ npm install @carbon/charts --save ## Component status :white_check_mark: Stable :hourglass_flowing_sand: In progress -| Component | Vanilla | Angular | React | -|-------------|--------------------|--------------------------|-------| -| Simple Bar | :white_check_mark: | :white_check_mark: | :white_check_mark: | -| Grouped Bar | :white_check_mark: | :white_check_mark: | :white_check_mark: | -| Stacked Bar | :white_check_mark: | :white_check_mark: | :white_check_mark: | -| Donut | :white_check_mark: | :white_check_mark: | :white_check_mark: | -| Line | :white_check_mark: | :white_check_mark: | :white_check_mark: | -| Curved Line | :white_check_mark: | :white_check_mark: | :white_check_mark: | -| Pie | :white_check_mark: | :white_check_mark: | :white_check_mark: | -| Step | :white_check_mark: | :white_check_mark: | :white_check_mark: | -| Combo | :hourglass_flowing_sand: | :hourglass_flowing_sand: | :hourglass_flowing_sand: | -| Area | Soon | Soon | :hourglass_flowing_sand: | +| 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: | :hourglass_flowing_sand: +| Combo | :hourglass_flowing_sand: | - | - | - +| Area | Soon | - | - | - | ## Bugs and feature requests