Show HN：Line9 —— 拥有自有布局算法的 Mermaid 渲染引擎

Line9 是一个面向 Mermaid 流程图的新渲染引擎，旨在消除手动调整布局的需求。Mermaid 是一种流行的基于文本的语言，用于描述多种类型的图表。<p>目前已经存在多个 Mermaid 渲染引擎。大多数引擎（如最初的 mermaid.js）使用 Dagre 或 ELK 图形绘制库来自动布局图表。过去四年里我一直在使用 Mermaid，但经常在图表编辑器中重新创建流程图，以便将布局调整为更适合自己需求的形式。<p>当你想要一种优化清晰沟通的自动流程图布局时，请使用 Line9。它力求以规则的网格间距、相关节点更近的定位、更短更直的边来布局流程图，并面向类似页面的宽高比。/diagram 页面（左侧分享面板）中的 Compare 按钮会并排显示 Line9 和 mermaid.js 的渲染结果。<p>免费使用，无需注册账户。同时提供适用于 Mac、Windows 和 Linux 的 CLI 工具下载。免费使用的图表会带有水印。商业使用 CLI 需要付费账户，并且可以生成无水印的图表。Line9 不是开源的（我需要创造收入，商业模式正在测试中）。<p>我尝试将我手工创建流程图时使用的布局原则编码并自动化。所有渲染都在浏览器中进行，因此不会有私有数据发送到 Web 服务。CLI 使用 Rust 编写，并嵌入了渲染器，因此只需安装单个二进制文件，所有数据和计算都保留在本地。目前它比 mermaid.js 稍慢一些，因为要同时解决节点定位和边的布线，以找到最符合设计原则的布局，这是一个难题。<p>输出格式为 SVG 或 PNG。图表还可以通过带有嵌入 Mermaid 文本的片段（fragment）的 URL 进行共享。<p>我知道仍有待改进的地方：子图的定位和旋转、折叠图形以更频繁地达到良好的宽高比、进一步改进边标签的放置、更好地处理长节点标签，以及在缩小时整理显示效果。另外，我还想支持更多图表类型，网站也需要大量工作。<p>请将你自己的 Mermaid 流程图粘贴到 Line9 中——尤其是那些你因为布局不好而放弃的流程图。请告诉我它们是否有所改进，或者还需要哪些其他工作。