> ## Content Index
> Fetch the complete content index at: https://www.hubwiz.com/blog/llms.txt
> Use this file to discover other available public pages before exploring further.

# 用Claude创建图表
- URL: https://www.hubwiz.com/blog/build-charts-with-claude/
- Published: 2026-03-18T07:15:10.000Z
- Updated: 2026-03-18T07:15:10.000Z
- Description: 在本文中，我将向你展示使用新的 Claude 图表和图表功能可以实现什么。
- Author: admin
- Tags: TOOL, CLAUDE, #Import 2026-10-14 14:41

我们一直以来都用 Canva，但现在 Claude 的新更新做得更快了。

现在用一个简单的提示，就可以得到我想要的结果，不再需要Cana。

在本文中，我将向你展示使用新的 Claude 图表和图表功能可以实现什么。让我们直奔主题，展示提示和结果。

## 1、流程图和系统架构

每个开发者都知道解释系统流程的痛苦。

无论是引导新团队成员还是记录你的架构，视觉效果都比大段文字更好。

以下是 Claude 如何处理常见的架构图。

### 提示 1：CI/CD 管道

```
可视化从代码提交到生产部署的 CI/CD 管道

```

![CI/CD 管道图](https://www.hubwiz.com/blog/content/images/2026/03/1-FVZs91bLthXPct-XhvOoJQ.gif)

### 提示 2：微服务订单流程

```
创建一个图表，展示微服务架构如何处理电子商务订单

```

![微服务订单流程图](https://www.hubwiz.com/blog/content/images/2026/03/1-fkNzTDnRAeQB7VzpK4LULA.gif)

### 提示 3：AWS 无服务器架构

```
为实时聊天应用程序绘制 AWS 上的无服务器架构

```

![AWS 无服务器架构图](https://www.hubwiz.com/blog/content/images/2026/03/1-LYfa0tkD6WJX593lxHDxDQ.gif)

### 提示 4：三层 Web 架构

```
向我展示一个典型的三层 Web 应用程序架构，包含缓存和 CDN

```

![三层 Web 架构图](https://www.hubwiz.com/blog/content/images/2026/03/1-x9eZY9_AUXriS-XnTe07IA.gif)

### 提示 5：Kubernetes 编排

```
可视化 Kubernetes 如何跨节点编排容器

```

![Kubernetes 编排图](https://www.hubwiz.com/blog/content/images/2026/03/1-v0TPjO09JgPIpcKy6fDi5A.gif)

## 2、数据可视化和图表

有时你需要为演示文稿、博客文章或文档快速制作图表。Claude 在几秒钟内使用 Chart.js 生成这些图表。

### 提示 6：性能基准柱状图

```
创建一个柱状图，比较 Python、Go、Rust 和 Node.js 的 API 响应时间性能基准

```

![性能基准柱状图](https://www.hubwiz.com/blog/content/images/2026/03/1-15WY8KbGEWfapwfpgxwb8w.gif)

### 提示 7：云成本饼图

```
向我展示一个饼图，按服务类别分解典型的云基础设施成本

```

![云成本饼图](https://www.hubwiz.com/blog/content/images/2026/03/1-bt2n8tk-U_cxNvkN1gPBpA.gif)

### 提示 8：框架流行度折线图

```
将 2018-2024 年 JavaScript 框架流行度的增长可视化为折线图

```

![框架流行度折线图](https://www.hubwiz.com/blog/content/images/2026/03/1-y63-MRvq0sdrVTLI4dThUw.gif)

## 3、数据库和数据流

数据架构可能很快变得复杂。这些提示有助于可视化事件驱动系统、数据库关系和实时管道。

### 提示 9：事件溯源和 CQRS

```
绘制事件溯源和 CQRS 如何在银行系统中协同工作的图表

```

![事件溯源和 CQRS 图](https://www.hubwiz.com/blog/content/images/2026/03/1-3uvqvBrf3nrkPaTFZNSfLw.gif)

### 提示 10：社交媒体 ERD

```
向我展示一个包含用户、帖子、评论和关注者的社交媒体平台的 ERD

```

![](https://www.hubwiz.com/blog/content/images/2026/03/image-147.png)

### 提示 11：实时分析管道

```
可视化数据如何通过 Kafka 和 Spark 在实时分析管道中流动

```

![实时分析管道图](https://www.hubwiz.com/blog/content/images/2026/03/1-bssLjfOZTUF2u7DwU7WHaw.gif)

---

## 3、最终想法

Claude 的图表功能改变了我处理技术内容的方式。

我会更频繁地使用它，并不断改进提示，以了解每种情况下最有效的方法。

对于开发者、技术作家和内容创作者来说，这正是你需要的。

---

原文链接：[Claude Can Now Create Sophisticated Diagrams & Charts(Goodbye Canva!)](https://medium.com/@joe.njenga/claude-can-now-create-sophisticated-diagrams-charts-goodbye-canva-600d8c524b1c?ref=hubwiz.com)

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