Baoyu Diagram

📐 专业暗色 SVG 图表一键生成

专业暗色主题 SVG 图表生成器,支持架构图、流程图、时序图、思维导图等 9 种类型,输出独立可缩放矢量文件。

收藏
7.8k
安装
1.7k
版本
1.117.3
CLS 安全扫描中
预计需要 3 分钟...

使用说明

核心用法

Baoyu Diagram 是一款面向技术文档和系统设计的 SVG 图表生成工具。用户通过自然语言描述需求(如"画个微服务架构图"或上传文档要求可视化),即可获得专业级暗色主题图表。支持 9 种图表类型:架构图、流程图、时序图、结构图、思维导图、时间线、概念示意图、状态机和数据流图。

显著优点

1. 视觉统一性:采用 Slate-900 深色背景 + 语义化配色系统(前端青/后端绿/数据库紫/云设施琥珀),确保多图风格一致
2. 技术友好:内嵌 JetBrains Mono 字体,支持中文自动适配(切换 Noto Sans SC + 加宽容器)

3. 工程严谨性:内置防重叠规则(40px 垂直间距、masking rect 箭头遮挡处理)、自动计算 viewBox

4. 输出完整:单次生成 SVG + @2x PNG 双格式,无外部依赖(仅 Google Fonts)

潜在局限

  • 依赖 Bun/NPX 运行时环境进行 PNG 转换
  • 复杂布局需用户明确层级关系,自动排布能力有限
  • 无实时编辑能力,修改需重新生成

适合人群

  • 技术文档作者、系统架构师、DevOps 工程师
  • 需要快速产出一致风格图表的敏捷团队
  • 偏好暗色主题的技术演讲/博客创作者

常规风险

  • 网络字体加载失败时降级至系统等宽字,可能影响中文显示
  • 超复杂图(>50 节点)可能出现性能瓶颈
  • 自动目录创建需写权限,受限环境需手动指定路径

Baoyu Diagram 内容

references文件夹
scripts文件夹
手动下载zip · 13.9 kB
architecture.mdtext/markdown
请选择文件