chartdb

    chartdb/chartdb

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

    database
    developer-tools
    frontend
    analytics
    db
    db-migration
    editor
    erd
    mariadb
    mssql
    mysql
    postgresql
    react
    react-flow
    schema-migrations
    sql
    sqlite
    typescript
    visualization
    xyflow
    TypeScript
    AGPL-3.0
    21.3K stars
    1.3K forks
    21.3K watching
    Updated 3/12/2026
    View on GitHub
    Backblaze Advertisement

    Loading star history...

    Health Score

    21.6

    Weekly Growth

    +0

    +0.0% this week

    Contributors

    1

    Total contributors

    Open Issues

    135

    Generated Insights

    About chartdb

    ChartDB ChartDB

    Open-source database diagrams editor
    No installations • No Database password required.

    CommunityWebsiteExamplesDemo

    ChartDB is released under the AGPL license. PRs welcome! Discord community channel


    🎉 ChartDB

    ChartDB is a powerful, web-based database diagramming editor. Instantly visualize your database schema with a single "Smart Query." Customize diagrams, export SQL scripts, and access all features—no account required. Experience seamless database design here.

    What it does:

    • Instant Schema Import Run a single query to instantly retrieve your database schema as JSON. This makes it incredibly fast to visualize your database schema, whether for documentation, team discussions, or simply understanding your data better.

    • AI-Powered Export for Easy Migration Our AI-driven export feature allows you to generate the DDL script in the dialect of your choice. Whether you're migrating from MySQL to PostgreSQL or from SQLite to MariaDB, ChartDB simplifies the process by providing the necessary scripts tailored to your target database.

    • Interactive Editing Fine-tune your database schema using our intuitive editor. Easily make adjustments or annotations to better visualize complex structures.

    Status

    ChartDB is currently in Public Beta. Star and watch this repository to get notified of updates.

    Supported Databases

    • ✅ PostgreSQL ( + Supabase + Timescale )
    • ✅ MySQL
    • ✅ SQL Server
    • ✅ MariaDB
    • ✅ SQLite ( + Cloudflare D1 Cloudflare D1)
    • ✅ CockroachDB
    • ✅ ClickHouse

    Getting Started

    Use the cloud version or deploy locally:

    How To Use

    npm install
    npm run dev
    

    Build

    npm install
    npm run build
    

    Or like this if you want to have AI capabilities:

    npm install
    VITE_OPENAI_API_KEY=<YOUR_OPEN_AI_KEY> npm run build
    

    Run the Docker Container

    docker run -e OPENAI_API_KEY=<YOUR_OPEN_AI_KEY> -p 8080:80 ghcr.io/chartdb/chartdb:latest
    

    Build and Run locally

    docker build -t chartdb .
    docker run -e OPENAI_API_KEY=<YOUR_OPEN_AI_KEY> -p 8080:80 chartdb
    

    Using Custom Inference Server

    # Build
    docker build \
      --build-arg VITE_OPENAI_API_ENDPOINT=<YOUR_ENDPOINT> \
      --build-arg VITE_LLM_MODEL_NAME=<YOUR_MODEL_NAME> \
      -t chartdb .
    
    # Run
    docker run \
      -e OPENAI_API_ENDPOINT=<YOUR_ENDPOINT> \
      -e LLM_MODEL_NAME=<YOUR_MODEL_NAME> \
      -p 8080:80 chartdb
    

    Privacy Note: ChartDB includes privacy-focused analytics via Fathom Analytics. You can disable this by adding -e DISABLE_ANALYTICS=true to the run command or --build-arg VITE_DISABLE_ANALYTICS=true when building.

    Note: You must configure either Option 1 (OpenAI API key) OR Option 2 (Custom endpoint and model name) for AI capabilities to work. Do not mix the two options.

    Open your browser and navigate to http://localhost:8080.

    Example configuration for a local vLLM server:

    VITE_OPENAI_API_ENDPOINT=http://localhost:8000/v1
    VITE_LLM_MODEL_NAME=Qwen/Qwen2.5-32B-Instruct-AWQ
    

    Try it on our website

    1. Go to ChartDB.io
    2. Click "Go to app"
    3. Choose the database that you are using.
    4. Take the magic query and run it in your database.
    5. Copy and paste the resulting JSON set into ChartDB.
    6. Enjoy Viewing & Editing!

    💚 Community & Support

    • Discord (For live discussion with the community and the ChartDB team)
    • GitHub Issues (For any bugs and errors you encounter using ChartDB)
    • Twitter (Get news fast)

    Contributing

    We welcome community contributions, big or small, and are here to guide you along the way. Message us in the ChartDB Community Discord.

    For more information on how to contribute, please see our Contributing Guide.

    This project is released with a Contributor Code of Conduct. By participating in this project, you agree to follow its terms.

    Thank you for helping us make ChartDB better for everyone :heart:.

    License

    ChartDB is licensed under the GNU Affero General Public License v3.0

    Discover Repositories

    Search across tracked repositories by name or description