與 VS Code 插件共用同一套渲染引擎

看懂資料表之間的關聯
不用再自己畫 ER 圖

SchemaLens 把 DSL / JSON / Markdown 定義的資料庫結構,變成可以搜尋、聚焦、探索的互動關聯圖。 網頁版不用登入就能用,也可以搭配 VS Code 插件一起工作。

DSL 轉互動圖表

貼上 .dbschema、.schema.json 或內嵌 ```dbschema 的 Markdown,立即渲染成可探索的資料表關聯圖。

大型 Schema 也能秒找

100+ 張表也能靠 Focus / Depth / Direction / 搜尋快速定位到你要的那張表與欄位。

右鍵複製 PNG / SVG / 文字

選好想要的範圍,右鍵就能把圖表複製成 PNG 圖片、SVG,或該資料表的 DSL 文字。

匯入匯出no lock-in

不登入也能用;資料留在瀏覽器本機,隨時可以匯出 .schema.json / .dbschema 備份。

VS Code 插件快捷鍵

網頁版工作區的操作邏輯和 VS Code 插件一致,兩邊切換不用重新學。

Ctrl / Cmd + F 搜尋資料表或欄位
Ctrl / Cmd + 滾輪 縮放畫布
Esc 取消目前的聚焦
拖曳背景 平移畫布
單擊 Table 標題 Focus:相關表 active,其餘 dim/hide
單擊欄位 欄位級聚焦:只亮該欄位與 FK 對應欄位
雙擊 Table / Column 跳回 DSL 來源定義
卡片標題 ▾ Collapse / Expand 該資料表

VS Code 插件目前透過私有 GitHub Repository 發布,需要 Repository 權限才能下載。

SchemaLens