AI数据库ER图编辑器 Chartdb

chartdb：网页版开源数据库 ER 图编辑器

一款基于 Web 的数据库结构可视化编辑器，无需直连数据库，粘贴 Schema JSON 即可生成 ER 图，支持 Docker 私有化部署与 AI 跨库 DDL 转换。
https://app.chartdb.io/

功能

• 安全导入：内置各数据库查询脚本，导出 Schema JSON 后粘贴即可解析生成 ER 图
• 多数据库：PostgreSQL、MySQL、SQL Server、MariaDB、SQLite、ClickHouse、Oracle 等
• 可视化编辑：拖拽建表、管理表关系、增删改结构，支持撤销/重做/复制/粘贴
• AI 助手：自定义大模型接口，一键跨库转换 DDL
• 多格式导出：PNG、SQL、DBML、JSON

技术栈

React 18、TypeScript、Tailwind CSS、Dexie.js、i18next

Docker 部署

docker pull ghcr.io/chartdb/chartdb:latest

docker run --name chartdb -d \
  -p 8080:80 \
  -e VITE_OPENAI_API_ENDPOINT=https://api.deepseek.com \
  -e VITE_OPENAI_API_KEY=sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxx \
  -e VITE_LLM_MODEL_NAME=deepseek-v4-pro \
  ghcr.io/chartdb/chartdb:latest

部署后访问 http://{IP/域名}:8080，选择数据库类型，通过 Smart Query / SQL Script / DBML 任一种方式生成 ER 图。

本地开发

需要 Node.js 环境。

git clone https://github.com/chartdb/chartdb.git
cd chartdb
npm install

可选：在根目录新建 .env.local 配置 AI 模型：

VITE_OPENAI_API_ENDPOINT=https://api.deepseek.com
VITE_OPENAI_API_KEY=sk-xxxxxxxxxxxxxxxxxxxxxxxxxx
VITE_LLM_MODEL_NAME=deepseek-v4-pro

npm run dev
# 访问 http://localhost:5173

链接

• 项目地址：https://github.com/chartdb/chartdb