用Claude Code创建图表

Claude Code 不仅可以用于编码，还可以创建相当复杂的图表。在本文中，我将探索 Claude Code 中用于网页或桌面创建图表的几种流行场景，并分享一些帮助你充分利用它的技巧。

1、块状图

Claude Code 可以创建块状图，如用户流程图、业务流程图和流程图。让我们从用户流程图开始。当你在 Claude Code for Desktop 中提交这样的提示时：

create a diagram showing a checkout process in ecommerce website

Claude 将自动触发 Figma 集成并制作一个看起来像这样的图表。好处在于你可以点击"在 Figma 中编辑"并在 Figjam 中完善图表。

在 Claude Code 中创建的用户流程图。

现在，让我们看看业务管道图会得到什么。提交提示

show a pipeline diagram for food retailer

在 Claude Code 中创建的业务流程图。

现在，让我们看看对于以下提示会得到什么流程图。

create flowchart diagram for testing light bulb

在 Claude Code 中创建的流程图。

快速说明：

理想情况下，你创建的所有图表应该与 Claude Code 正在处理的项目相关。所以在我最后的例子中，我要求 Claude 创建一个测试灯泡的流程图有点奇怪，但我是为了测试目的而做的。
如果你不想在 Figma（FigJam）中创建图表，你可以使用一个简单的技巧。在提示中要求 Claude Code 创建一个交互式图表。例如，当你提交提示"创建一个用于测试灯泡的交互式流程图"时，你会得到以下交互式图表：

Claude Code 创建的交互式图表。

Claude Code 通常会创建交互式条形图、饼图和折线图。因此，与通常使用 Figma Figjam 集成创建的块状图不同，对于条形图、饼图和折线图，Claude Code 将触发自己的自定义图表方法。

条形图可以是客户细分分析的一个很好的补充。对于我的例子，我将用它来生成分流行英国零售商的不同细分群体。

create a bar chart diagram showing different age groups of Tesco customers

在 Claude Code 中创建的条形图。

根据你的图表有多少条形，Claude Code 可以自动决定是垂直条形图还是水平条形图。例如，对于以下提示，Claude Code 决定使用水平条形图：

create bar chart with breakdown of expenses that retailer in UK has

快速说明：你可以在提示中提到具体布局，要求 Claude Code 为条形图使用特定布局。

Claude Code 生成的饼图与条形图的工作方式非常相似。你可以将条形图转换为饼图，反之亦然。我用来创建以下饼图的提示是：

create pie chart using the data from the breakdown of expenses of retailer in UK

Claude Code 生成的饼图。

下面是伦敦不同社区人口的折线图。我使用的提示是：

Create a line chart showing how the population of different areas of London grows over time

在 Claude Code 中生成的折线图。

Claude Code 可以帮助你处理非常复杂的主题，比如解释特定技术如何工作。

Create visualization explaining how Apple Pay works

Claude Code 创建的解释 Apple Pay 如何工作的可视化。

你可以使用 Claude Code 不仅解释技术主题，还可以解释医学或科学概念。例如，这里有一个创建 DNA 图表的提示：

create a visual diagram showing how DNA works. Diagram should be interactive

使用 Claude Code 创建的 DNA 图表。

快速说明： 你用 Claude Code 创建的图表越复杂，图表出现视觉缺陷的可能性越高。例如，在我上面分享的 DNA 图表中，你可以很容易地发现一些视觉缺陷，如文本溢出。不幸的是，即使使用 Opus 4.6，这仍然是 Claude Code 中非常常见的问题。

汇智网翻译整理，转载请标明出处