解決的問題
每個專案重新包裝 Mermaid,常需重做縮放、主題與 SSR 相容處理。
實作方向
- 01以單一 React 元件提供圖表呈現。
- 02封裝搜尋、平移缩放與 SVG/PNG 匯出。
- 03提供 TypeScript 型別及 SSR 安全的使用方式。
開源
可嵌入 React 的 MermaidViewer,包含主題、圖內搜尋、縮放及匯出。


每個專案重新包裝 Mermaid,常需重做縮放、主題與 SSR 相容處理。

Deal
eSIM 226 is a travel eSIM covering 190+ destinations worldwide: buy the plan before you fly, scan the QR code on landing and you are online. No SIM swap, no roaming bill, and your own number stays in the phone to keep receiving bank SMS. Japan 3GB / 15 days starts around US$3.4, so a short trip never costs a full month. Use TRAVEL30 for 30% off sitewide. Cannot be combined with other promo codes.
Affiliate link. Buying through it may earn this site a small commission, at no extra cost to you.