ai-agent

Chartdb

Name: Chartdb
Author: chartdb

Database diagrams editor that allows you to visualize and design your DB with a single query.

22,737 stars1,467 forksTypeScriptUpdated 8/11/2026100% free · open source

What it does

Chartdb is a database diagrams editor that allows you to visualize and design your database with a single query.

Install / run

git clone https://github.com/chartdb/chartdb.git && cd chartdb

When to use it

•You need to design a new database schema
•You want to visualize an existing database structure
•You need to document or share your database design with team members

Quick start

1Run 'npm install' to install required dependencies
2Use 'npm run build' to build the project
3Start the development server with 'npm run dev'
4Open a web browser and navigate to 'http://localhost:3000' to access the chartdb interface
5Create a new database diagram by clicking on the 'New Diagram' button

Ready-to-paste prompt

To create a new database diagram, use the query 'CREATE TABLE users (id INT, name VARCHAR(255))' and then click on the 'Visualize' button

Heads up: You need to have Node.js installed on your system to run chartdb, and make sure you are using a compatible version of npm

Saves to your device

Topics

database

db-migration

editor

erd

mariadb

mssql

mysql

postgresql

react

react-flow

schema-migrations

sql

sqlite

typescript

visualization

xyflow

How Chartdb works

Codeflow

Free to inspect

Chartdb is a very large TypeScript project (~167k lines across 452 code files, plus 108 test files). It is a full software project: use it through its install path rather than reading it end to end. Last commit this month, AGPL-3.0 license, has a test suite.

Size

Very large codebase

~167k lines · 452 code files · days to read — use, don't read

Setup

Developer setup

A real software project. Use it via its install path; don't expect to read it all.

Runs on

Node.js · Docker

No API keys detected

TypeScript 100%

Where to start reading