Reladraw: 让你自由定义图表布局的文本语言
Show HN: Reladraw – A diagram language where you decide where to place things
Reladraw 是一款革命性的图表绘制工具，它填补了自动布局工具（如 Mermaid、Graphviz）与绝对定位工具（如 draw.io、Figma）之间的空白。在这里，你不再需要纠结于复杂的坐标数字，也不必完全依赖算法的随机排布。只需通过简洁的文本语句描述元素间的相对位置（例如“在...上方”、“位于...之间”），Reladraw 就能自动计算出最紧凑且符合你预期的布局。它支持直接在浏览器中试用，无需安装，是开发者构建系统架构图、以及 AI Agent 生成可预测图表的理想选择。
Reladraw 旨在填补空白：每一个位置都相对于其他事物定义，文件中没有任何坐标。
HN 评论区
52- Garlef
1. 太棒了～这看起来正好踩在了甜点上！（是的，Mermaid 还行；但经常看起来效果很差——尤其是可视化大型图表时）
2. 如果能把它作为 C4 的布局层就太好了
3. 这引出了我的一个建议：我认为将语言的拓扑部分（箭头、分组等）与布局关注点（左侧、右侧等）解耦是有意义的
- apinstein
这在 AI 编程时代非常需要！我发现绘图是让我心中的模型与代理之间实现高带宽对齐的最佳方式之一。我一直在这个问题上做了一些工作，因为我认为良好的可视化是在保持真实架构的同时实现更快开发的关键瓶颈。
肯定会把这个加入到我的代理可用的绘图工具列表中！
- HeavyStorm
Mermaid 在固定布局（如时序图和甘特图）上表现很好。但在流程图中，位置才是王道，Mermaid 就不行了。
我试过在 MD 文件中用 SVG，但它们很快就会变得难以管理。这个想法很棒。我最初的反应是——但如果我需要更精确的东西怎么办？但反思之后，我意识到这种相对定位可能已经足够了。
- recroad
看起来有点小 bug，我加了这一行：
edge parser -> renderer "test edge" from: left to: right
但它不够智能，没能画出一条弯曲的箭头
- rodmena
挺有意思。好奇代理本身如何能生成这么复杂的东西。我肯定会用它。我现在会指导我的代理使用 [Graphviz provider](https://graphviz.rodmena.co.uk/)