1

最近在读蒋勇律师的《诉讼可视化》，虽然讲的是制图，但本质依旧在讨论「如何利用各种方式清晰呈现复杂信息」。

相较于文字，图表当然是更为直观清晰的信息呈现方式。但图表也有图表比较麻烦的地方。这种「麻烦」，我认为主要表现在两方面：

A. 一张能够清晰呈现关键信息的好图表，需要不断思考与修改。在关系复杂、信息混乱的情况下，单纯呈现事实情况的图表对读者理解案件用处不大。例如下面这张关系图，该案件的核心争议焦点是银行是否能对《股权置换协议》行使撤销权，关键问题在于《股权置换协议》是否使钢铁公司的财产被无偿转让。如果关系图只是呈现案件基本情况，其实无法帮助读者快速理解“《股权置换协议》是否使钢铁公司的财产被无偿转让”。

能够让读者立刻了解相关信息的图表，应该是以“对比+时间”方式呈现的图表：

具体而言，绘制一张质量不错的图表一般需要完成以下步骤：

（1）对信息进行反复梳理与提炼，找到图表需要呈现的核心内容；

（2）选择最适合呈现信息的图表形式，如争议焦点围绕时间展开，最适合的形式可能是时间轴；争议焦点围绕着关系展开，最适合的形式是关系图etc.

（3）完成图表后不断思考哪些信息是不必要的，删繁就简，突出重点。

B. 画图表本身就费时费力，如果对图表还有额外的审美要求，那么光是对齐图标、统一大小、颜色选择这类（看似）无关紧要的内容就已经可以把一个律师折磨至死。Σ_(꒪ཀ꒪」∠)

结合上述两点，好图表虽然锦上添花，但由于投入产出比不高，一般案件大家都选择启动「奥卡姆剃须刀」模式：如无必要，勿增实体🕶。吭哧吭哧画图表浪费的那一天时间，省下来做别的事岂不是更香？

2

但！现在有下达 Mermaid指令让AI制作图表的功能了，敲敲键盘把案件信息和自己的作图思路灌给AI，AI就能照猫画虎整个差不多的图表出来。我越看书越觉得AI制图过于利好“诉讼可视化”了。
 

于是打开网页尝试着写了写 Prompt ，看看AI能不能绘制出我想要的关系图。

Step 1

告诉Claude 我的大致思路，让它帮我拆解完成「诉讼可视化」大概需要哪些步骤

🤖 Claude 回复如下

为了出色完成这个任务，我建议可以按以下步骤进行:
1.理解案件信息:
- 仔细阅读和分析案件的所有相关信息
- 识别关键事实、人物、事件和时间点
- 理解案件的整体脉络和逻辑关系
2.确定可视化目标:
- 明确你希望通过可视化达到什么目的(如展示时间顺序、揭示关系等)
- 考虑目标受众和他们的需求
3.选择合适的图表类型:
- 根据案件信息的性质和可视化目标,选择最合适的图表类型
- 常见选项包括时间轴、关系图、流程图、树状图等
4.组织和结构化信息:
- 将案件信息按照选定的图表类型进行组织
- 确定主要元素和它们之间的关系
5.设计Mermaid图表:
- 学习Mermaid的语法和功能
- 根据组织好的信息,用Mermaid语法编写图表代码
6.优化和完善:
- 检查图表的清晰度和有效性
- 调整布局、颜色、标签等以提高可读性
- 确保所有重要信息都被正确表示
7.验证和修正:
- 与其他人分享图表,获取反馈
- 根据反馈进行必要的修改和改进
8.解释和使用:
- 准备对图表的解释说明
- 考虑如何在实际案件处理中有效使用这个图表

Step2

让 Claude 把上述步骤转化为能够完成「诉讼可视化」的prompt

🤖 Claude 是这样写的

以下是一个针对"诉讼可视化"目标的 prompt：
作为一位专业的法律可视化专家，你的任务是将复杂的案件信息转化为清晰的可视化图表。请按照以下步骤进行：
1.仔细分析我提供的案件信息，识别关键事实、人物、事件和时间点。
2.根据案件信息的性质，建议最适合的可视化图表类型（如时间轴、关系图、流程图等）。
3.解释为什么你认为这种图表类型最适合该案件。
4.使用 Mermaid 语法创建所选图表类型的代码。确保包含所有重要信息，呈现方式清晰、易读。
5.提供一个简短的图表说明，解释如何阅读和理解这个图表。
6.如果有任何建议来改进图表或者需要额外信息来完善可视化，请告诉我。
7.现在，我会为你提供一个案件的详细信息。请按照上述步骤，帮我创建有效的诉讼可视化图表。

如果你已经理解了上述内容，请回复“1”。

Step 3

给 Claude 信息，让它画图。

我扔给了 Claude 一段《诉讼可视化》中的案例：

“2013年8月6日，汇首公司与海游公司签订销售合同，购买正丁醇4000吨，总价款3006万元。同日，海游公司与三零公司签订采购合同，购买同种同量上述化工产品，总价款2979万元。8月15日，三零公司与华夏公司和乌合公司签订两份销售合同，购买同量正丁醇，合同总价计5028万元。同日，华夏公司和乌合公司与南方公司签订买卖合同，购买同量货物，总价4970万元。最终，南方公司与汇首公司签订采购合同，向汇首公司购买上述同批量货物，总价款计4920万元。

在上述案例中三零公司高买低卖，亏损近2000余万元。而汇首公司低买高卖赚了近2000万元，两家公司的盈利亏损绝非正常的市场波动可以解释，加之同一批货物在几乎同一时间内买卖形成了贸易闭环，可以很明确地判断本案属于融资性贸易案件。”

🤖Claude 的分析

根据您提供的案件信息，我已经分析了关键事实、人物、事件和时间点。
基于这些信息，我建议使用关系图来可视化这个案例。原因如下：
1.案件涉及多个公司之间的复杂交易关系。
2.交易形成了一个闭环，关系图可以清晰地展示这一点。
3.每笔交易都有具体的金额，可以在关系图中直观地显示。
4.关系图能够突出显示三零公司和汇首公司的异常盈亏情况。
下面是使用Mermaid语法创建的关系图代码：

Claude 画的图表，因为我截的是对话框的预览小窗，所以比较小，将就看！
 

图表说明：
这个关系图展示了案件中各公司之间的交易关系。
箭头表示交易方向，箭头上的文字表示交易金额。
特别注意，汇首公司和三零公司被标记为不同颜色，以突出它们的异常盈亏情况。
图中可以清楚地看到交易形成了一个闭环，从汇首公司开始，最终又回到汇首公司。

改进建议：
1.如果能提供具体的交易日期，可以在箭头上添加日期信息，使时间顺序更加清晰。
2.如果有更多关于各公司背景或关系的信息，可以添加到图中，帮助理解交易链形成原因。
3.可以考虑添加一个图例，解释颜色的含义（如红色表示亏损，粉色表示盈利）。

🌟 我觉得 Claude 完成得很不错。它表现最出色的一点是，它听懂了我刻意喂给它的一句话——“同一批货物在几乎同一时间内买卖形成了贸易闭环”。我告诉它这句话就是希望它把关系图画成圆形闭环形状， Claude 宝宝果然不负所望，在没有任何额外提示的情况下出色完成任务👏我用同样的 prompt 和案件信息让 kimi 也做了一张关系图，我们的笨笨 kimi 没有 get 到“贸易闭环”这个信息点，kimi 是这样画的：

没关系，就让我们的小 ki 再接再励，毕竟小 ki 已经是很聪明的机器宝宝了👶（patpat）

💡《诉讼可视化》中针对案件的图表是这样画的：

Step 4

让 Claude 继续优化图表。

Claude 自己提了三点改进建议：1. 如果能提供具体的交易日期，可以在箭头上添加日期信息，使时间顺序更加清晰；2. 如果有更多关于各公司背景或关系的信息，可以添加到图中，以帮助理解为什么会形成这样的交易链；3. 可以考虑添加一个图例，解释颜色的含义（如红色表示亏损，粉色表示盈利）。

我选择了 1、3 两点，希望它就图表做进一步改进：

这次， Claude 在优化图表时出现了错误，它把整张图表颜色都统一为了粉色，但其实我只希望它用粉色表示亏损。

经过我的提示后，Claude 表示Mermaid在某些环境中可能无法正确渲染自定义颜色，于是它主动（注意是主动，也就是说Claude会自动寻找更优解= =）使用了不同形状，而不是不同颜色来区分了亏损与盈利。

3

为了简洁与方便阅读，我只放了上述一个案例。个人觉得AI制图在诉讼可视化上大有可为，上述小小的实践完全只是一个非常简陋的测试。

相较于自动画图，我认为「让AI根据争议焦点判断怎样的图表形式有利于信息呈现」是更加值得摸索和反复测试的内容。因为制作图表的终极本质，是让信息的呈现更加清晰明了。未来如果有了更多的实践，我想我会继续在这个方向做输出。

以上。