# Mernyx

> Mernyx 是一款 macOS 原生 Mermaid 编辑器。在画布上移动一个节点，真正的 Mermaid 源码跟着走——没有 WebView，没有 Electron。

Mernyx 是一款 macOS 原生 App：源码编辑器、真正的矢量画布和属性检查器，是同一份文档的三个视图。它渲染 34 种图表族，导出 PNG、SVG 和 PDF，需要 macOS 14.0 或更高版本。

下面的速查表收录了这些 Mermaid 源码：34 种图表族——每条规则旁边就是它画出来的图。上面每一张图都由 Mernyx 自己的渲染器绘制，不是浏览器里的 Mermaid.js。

## Mermaid 速查表

- [速查表](https://mernyx.com/zh/cheat-sheet/index.md): 速查表收录 34 种图表族，以及适用于每一张图的四条规则。
- [Flowchart](https://mernyx.com/zh/cheat-sheet/flowchart/index.md): 方框、箭头和分支——大多数人说到 Mermaid 时指的那种图。
- [Sequence diagram](https://mernyx.com/zh/cheat-sheet/sequence/index.md): 参与者之间的消息，按先后排在时间上。
- [Class diagram](https://mernyx.com/zh/cheat-sheet/class/index.md): 类型、它们的成员，以及它们之间的关系。
- [State diagram](https://mernyx.com/zh/cheat-sheet/state/index.md): 状态、状态之间的迁移，以及中间的分支。
- [ER diagram](https://mernyx.com/zh/cheat-sheet/er/index.md): 实体、它们的字段，以及它们之间的基数。
- [Mindmap](https://mernyx.com/zh/cheat-sheet/mindmap/index.md): 一份会变成树的文本大纲，不用写一根箭头。
- [Architecture diagram](https://mernyx.com/zh/cheat-sheet/architecture/index.md): 服务、它们所属的分组，以及它们之间的边。
- [Requirement diagram](https://mernyx.com/zh/cheat-sheet/requirement/index.md): 需求、需求的种类，以及满足它们的东西。
- [Block diagram](https://mernyx.com/zh/cheat-sheet/block/index.md): 一堵块，从左往右读。
- [Swimlane diagram](https://mernyx.com/zh/cheat-sheet/swimlane/index.md): 一个流程按负责人分成几条泳道。
- [Agent flow diagram](https://mernyx.com/zh/cheat-sheet/agentflow/index.md): 一个智能体的步骤，以及每一步属于哪一类。
- [Use case diagram](https://mernyx.com/zh/cheat-sheet/usecase/index.md): 参与者、用例，以及拥有它们的系统。
- [Pie chart](https://mernyx.com/zh/cheat-sheet/pie/index.md): 一份带标签的数值清单，画成若干扇形。
- [Gantt chart](https://mernyx.com/zh/cheat-sheet/gantt/index.md): 任务、阶段和日期，沿着时间轴排开。
- [Quadrant chart](https://mernyx.com/zh/cheat-sheet/quadrant/index.md): 两条轴、四个象限，以及画在上面的点。
- [Radar chart](https://mernyx.com/zh/cheat-sheet/radar/index.md): 每个度量一条轴，每样被比较的东西一条曲线。
- [Treemap](https://mernyx.com/zh/cheat-sheet/treemap/index.md): 层层嵌套的矩形，面积就是数值。
- [Kanban diagram](https://mernyx.com/zh/cheat-sheet/kanban/index.md): 一列列卡片，一列对应工作中的一个阶段。
- [Packet diagram](https://mernyx.com/zh/cheat-sheet/packet/index.md): 一个网络包的比特，一段一段看。
- [Info diagram](https://mernyx.com/zh/cheat-sheet/info/index.md): Mermaid 的版本横幅——Mernyx 认得它，但还画不出来。
- [Timeline](https://mernyx.com/zh/cheat-sheet/timeline/index.md): 一侧是时期，旁边是事件。
- [Sankey diagram](https://mernyx.com/zh/cheat-sheet/sankey/index.md): 一股流量，每行写成三个字段。
- [User journey](https://mernyx.com/zh/cheat-sheet/journey/index.md): 一条路径，每一步都带一个分数。
- [Venn diagram](https://mernyx.com/zh/cheat-sheet/venn/index.md): 互相重叠的集合，以及它们共有的区域。
- [C4 diagram](https://mernyx.com/zh/cheat-sheet/c4/index.md): 架构视图，三个缩放层级。
- [Cynefin diagram](https://mernyx.com/zh/cheat-sheet/cynefin/index.md): 五个域，每个域有自己的决策方式。
- [Git graph](https://mernyx.com/zh/cheat-sheet/gitgraph/index.md): 把分支历史画出来。
- [XY chart](https://mernyx.com/zh/cheat-sheet/xychart/index.md): 两条轴上的折线图或柱状图。
- [Wardley map](https://mernyx.com/zh/cheat-sheet/wardley/index.md): 一个组件在可见性和演进度上处于什么位置。
- [Railroad diagram](https://mernyx.com/zh/cheat-sheet/railroad/index.md): 一条文法规则，画出来。
- [ZenUML diagram](https://mernyx.com/zh/cheat-sheet/zenuml/index.md): 一张为方法调用而写的时序图。
- [Event modeling diagram](https://mernyx.com/zh/cheat-sheet/eventmodeling/index.md): 信息是怎么随时间变化的。
- [Ishikawa diagram](https://mernyx.com/zh/cheat-sheet/ishikawa/index.md): 一个问题，和它下面的原因。
- [Tree view](https://mernyx.com/zh/cheat-sheet/treeview/index.md): 一份目录列表，画出来。

## 产品

- [概览](https://mernyx.com/zh/index.md): Mernyx 是什么，画布和源码如何保持同步，以及这扇窗口能做些什么。
- [能力矩阵](https://mernyx.com/zh/capabilities/index.md): 逐族写明画布上能改什么：结构、样式、文字与数值，34 个族全都在表里。
- [定价](https://mernyx.com/zh/pricing/index.md): 永久免费查看和编辑源码；一次性 $19 解锁画布编辑与交付级导出。
- [更新日志](https://mernyx.com/zh/changelog/index.md): 每个版本的变化：画布、源码编辑器、AI 生成与修复，以及导出。
- [支持](https://mernyx.com/zh/support/index.md): 系统要求、怎么报告 bug，以及你的图会怎么样。
- [购买与激活](https://mernyx.com/zh/thanks/index.md): 直购之后许可证密钥落在哪里，以及怎么在 Mac 上激活它。

## 对比

- [Mernyx vs Mermaid Live Editor](https://mernyx.com/zh/compare/mermaid-live/index.md): 逐个机制地比：图怎么画、你的文件在哪儿、哪些改动能用鼠标做。
- [Mernyx vs VS Code](https://mernyx.com/zh/compare/vs-code/index.md): 内置的 Mermaid 预览做了什么，以及当图本身就是文件、而不是文档里的一张图时，这意味着什么。

## 法律

- [隐私政策](https://mernyx.com/zh/privacy/index.md): 无账号、无遥测、无分析——以及 App 发出的三个网络请求。
- [服务条款](https://mernyx.com/zh/terms/index.md): 一次性许可证、它覆盖什么，以及它的限制。

## Optional

- [GitHub 上的 Mernyx](https://github.com/mernyx-app/mernyx): App 本身——Mermaid 编译器、画布编辑器，以及绘制这个站点上每一张图的渲染器。
- [所有页面合成一个文件](https://mernyx.com/zh/llms-full.txt): 整个站点作为一份 Markdown 文档：速查表里那 34 族连同它们的源码、产品页面和法律文档。