# carbon-charts-builder

**Repository Path**: mirrors_ibm/carbon-charts-builder

## Basic Information

- **Project Name**: carbon-charts-builder
- **Description**: Build all the charts you want, edit them and export them however you want
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-10-22
- **Last Updated**: 2025-08-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Carbon Charts Builder

Build all the charts you want, edit them and export them however you want.

No coding required.

[See it in action!](https://ibm.github.io/carbon-charts-builder/)

## Privacy

All your data is safely stored on your computer, never leaving the browser.
This means that the Carbon Charts Builder works even if you don't have internet connection.

## Exporting

### Image

- png
- jpeg
- bmp
- gif

### Data

- csv
- json

### Code

You don't have to write a single line of code to get well written mini apps/components that you can copy into your product/app.

Full code for

- Vanilla JS (a.k.a. just Javascript)
- Angular
- React
- Vue

All frameworks have one-click "Edit on CodeSandbox" option.

## What's Carbon, anyway?

It's [IBM's design system](https://www.carbondesignsystem.com/) with ready-to-go component implementations
in Angular, React and Vue.

Carbon Charts Builder uses [Carbon Charts](https://carbon-design-system.github.io/carbon-charts).

## Development and self-hosting

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.<br>
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.<br>
You will also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.<br>
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.<br>
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.<br>
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.