Need help with chartbrew?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

chartbrew
575 Stars 56 Forks MIT License 1.1K Commits 31 Opened issues

Description

Open-source web platform for creating charts out of different data sources (databases and APIs) 📈📊

Services available

!
?

Need anything else?

Contributors list

ChartBrew logo

ChartBrew build

Chartbrew is an open-source web application that can connect directly to databases and APIs and use the data to create beautiful charts. It features a chart builder, editable dashboards, embedable charts, query & requests editor, and team capabilities.

ChartBrew dashboard

If you are looking for Chartbrew as a service, it's available here.


📚 Read the full docs here

🔧 Issues ready to be tackled

🚙 Public roadmap over here

💡 Have any ideas or discussion topics?

💬 Join our Discord

Data sources

Currently, Chartbrew supports connections to these data sources.

  • MySQL
  • PostgreSQL
  • MongoDB
  • Firestore
  • Google Analytics
  • REST APIs

Chartbrew also features dashboard templates with charts already prepared:

  • Simple Analytics
  • ChartMogul
  • Mailgun
  • Google Analytics

...or you can create your custom templates and replicate them across multiple dashboards.

Prerequisites

  • NodeJS v12 (should also work with v10)
    • For M1 Macs you might need the latest v14 or v15
  • NPM
  • MySQL (5+) or PostgreSQL (12.5+)

Start

It is recommended you head over to the more detailed documentation to find out how to set up Chartbrew

📚 You can find it here

Quickstart

If you already have a MySQL or PostgreSQL server running, create a database called

chartbrew
and follow the prompts of the
create-chartbrew-app
command below.

Important Windows command line is not supported at the moment. Use something like Cygwin on Windows.

npx create-chartbrew-app chartbrew

The CLI tool creates a

chartbrew/.env
file which you can configure at any time if you want to change the database, API & client host, etc. The file contains comments explaining what each environmental variable is for. Check out which need to be set here.

Run the project in Development

Open two terminals, one for front-end and the other for back-end.

# frontend
cd client/
npm run start

backend

cd server/ npm run start-dev

Run with Docker

Check the full guide in the docs.

Quickstart

Run the following commands and configure the variables:

docker pull razvanilin/chartbrew
docker run -p 3210:3210 -p 3000:3000 \
  -e CB_SECRET= \
  -e CB_API_HOST=0.0.0.0 \
  -e CB_API_PORT=3210 \
  -e CB_DB_HOST=host.docker.internal \
  -e CB_DB_NAME=chartbrew \
  -e CB_DB_USERNAME=root \
  -e CB_DB_PASSWORD=password \
  -e REACT_APP_CLIENT_HOST=http://localhost:3000 \
  -e REACT_APP_API_HOST=http://localhost:3210 \
  razvanilin/chartbrew

Acknowledgements

Many thanks to everybody that contributed to this open-source project 🙏

Start here if you want to become a contributor

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.