AI 数据可视化

欢迎来到第四课，同学！这一课，我们把第二课的数据分析能力升级——不再只是文字报告，而是把数据变成可交互的可视化看板，发布到互联网上，任何人打开就能看到你的数据故事。

本课意义

第二课你从 2300 条流水里挖出了四份分析报告。数据很扎实，但形式是 Markdown 表格——给自己看够用，给老板看、给合伙人看、给投资人看呢？

数据可视化解决的就是这个问题：把数字变成图表，把报告变成看板，让数据一眼就能说话。

更重要的是，我们要把看板发布到互联网上。不需要学编程，不需要买服务器——从"数据在我电脑里"到"全世界都能看到我的看板"，就是一条指令的距离。

本课的五步流程：

1. 明确目标 — 把悦颜医美经营数据做成可视化看板
2. 设计产出 — 包含多种图表的交互式 HTML 页面
3. 提出需求 — 告诉 AI 要哪些图表、什么配色、怎么布局
4. 应对问题 — 图表不准？数据错了？口头提修改意见，AI 直接改
5. 验证结果 — 浏览器预览 + 手机打开 + 发布分享

课前准备

在开始之前，确保你已准备好：

• 第三课已完成
• Node.js 已安装（第一课已装）
• 第二课的数据文件 悦颜医美2026上半年流水账.csv 在你的工作目录
• 在 Pinme 官网（https://pinme.io）注册账户并获取 AppKey

核心思想

前三课的能力链条：对话 → 数据分析 → 图片生成

第四课要做的是：数据 + 可视化 = 数据看板

你在第二课做的分析报告是"给自己看的底稿"。这一课做的可视化看板是"给别人看的成品"。同样的数据，呈现方式不同，价值完全不同。

一张柱状图胜过一屏数字。一个交互看板胜过一份 PDF。

第一步：安装 Pinme

注册 Pinme

打开 https://pinme.io 注册账户，获取你的 AppKey。

配置 Pinme 命令行工具

在 ALMA 中输入：

请帮我安装 Pinme 命令行工具并配置 AppKey。

1. 执行 npm install -g pinme 安装
2. 安装完成后执行 pinme set-appkey （粘贴你的AppKey）
3. 验证：执行 pinme show-appkey 确认配置成功

Pinme 是一个去中心化的网页托管工具。你上传一个 HTML 文件，它帮你发布到互联网上，生成一个永久链接。不需要买服务器，不需要买域名。

第二步：第一张图表 — 月度营收趋势

从最直观的开始。在 ALMA 中输入：

读取当前目录下的 悦颜医美2026上半年流水账.csv。

用这份数据生成一个单页 HTML 文件，包含一个月度营收趋势图：
- 用 Chart.js 绘制柱状图 + 折线图组合
- X 轴：1月到6月
- 左 Y 轴（柱状图）：每月总营收
- 右 Y 轴（折线图）：每月客单价
- 配色用深蓝主调，金色点缀
- 图表上方标题"悦颜医美 2026 上半年营收趋势"
- 鼠标悬停显示具体数值

Chart.js 用 CDN 引入，所有代码写在一个 HTML 文件里。
保存为 revenue_chart.html

用浏览器打开 revenue_chart.html。你会看到一个漂亮的交互式图表——鼠标移上去能看到每个月的具体数字。

这不是截图，不是静态表格，是一个真正的交互式图表。AI 读了你的 CSV，算好数据，写了前端代码，全自动。

第三步：多图表看板 — 经营全景

一张图只能说一件事。一个看板能说所有事。

继续用 悦颜医美2026上半年流水账.csv 的数据，生成一个完整的经营分析看板。

单个 HTML 文件，用 Chart.js，包含以下图表：

1. 顶部数据卡片（4个）：
   - 半年总营收（大数字 + 月均值）
   - 总服务人次
   - 平均客单价
   - 新客占比

2. 第一行图表（两个并排）：
   - 左：月度营收柱状图（含环比增长率标注）
   - 右：月度新客/老客占比堆叠柱状图

3. 第二行图表（两个并排）：
   - 左：项目品类收入饼图（前8名，其余归入"其他"）
   - 右：员工业绩排名横向条形图（按总产出排序）

4. 第三行（一个通栏）：
   - 各渠道获客数量和收入对比双轴图

视觉要求：
- 深色背景（#1a1a2e），卡片和图表区域用 #16213e
- 数据卡片的数字用金色 #d4af37，大号字体
- 图表配色统一：蓝、金、青、紫色系
- 响应式布局，手机上图表自动变为单列
- 页面顶部标题"悦颜医美 · 2026上半年经营看板"
- 底部标注"数据来源：悦颜医美内部系统 · AI 自动生成"

保存为 yuyan_dashboard.html

生成后打开浏览器，慢慢滚动浏览。每张图表都可以交互——鼠标悬停看数值，图例可以点击切换显示。

回想一下：第二课你用文字做了同样的分析。现在同样的数据，变成了一个专业级的可视化看板。数据没变，但呈现力天壤之别。

第四步：迭代优化

看板第一版不可能完美。这正是 AI 的优势——你提意见，它秒改。

修改 yuyan_dashboard.html：

1. 饼图改成环形图，中间显示总营收数字
2. 数据卡片加上和去年同期的对比箭头（数据你编造，涨幅在 5%-15% 之间）
3. 加一个"折扣分析"区块：各折扣类型的使用比例环形图
4. 页面加一个打印按钮，点击后隐藏深色背景，用白底黑字打印友好样式

ALMA 直接修改 HTML 文件。你不需要懂代码，只需要会说"这里改一下"。

传统做这种看板要用 Tableau、Power BI 这些专业工具，学习成本很高。你今天用自然语言就做出来了。

第五步：发布上线 — 全世界可见

准备好见证魔法时刻了吗？

请用 pinme 把 yuyan_dashboard.html 上传发布。

Pinme 会返回一个类似 https://xxxx.pinme.eth.limo 的链接。

做三件事来感受这个成就：

1. 手机上打开 — 在手机浏览器里看你的数据看板
2. 发给合伙人 — "这是我们上半年的经营看板，你看看"
3. 截图发朋友圈 — 你用 AI 做的数据可视化，全世界可见

从"Excel 表格翻半天"到"一个链接看全局"，这就是数据可视化的力量。

第六步：秘籍 — 以优秀看板为师

和第三课的生图技巧一样——不用凭空想，找一个你喜欢的看板，让 AI 照着做。

6A：找参考看板

在网上搜索 "dashboard design"、"数据看板设计" 或者 "business analytics dashboard"，截图保存一个你觉得好看的。

6B：让 ALMA 分析看板风格

请看一下这张数据看板截图（截图路径），帮我分析：

1. 整体布局结构（几行几列，各区域放什么）
2. 配色方案（主色、辅色、强调色）
3. 图表类型选择（为什么用这种图而不是那种图）
4. 数据呈现的优先级（什么信息最突出）

6C：基于分析重做你的看板

根据刚才的分析，重新设计悦颜医美的经营看板。
参考那个截图的布局和配色风格，但数据用我们的 CSV。
保存为 yuyan_dashboard_v2.html

这个方法以后可以反复用。看到任何好的数据看板，截图给 ALMA，它就能帮你做出类似风格的。

第七步：数据故事 — 高级玩法

看板展示的是"数据是什么"。数据故事展示的是"数据说明了什么"。

基于 悦颜医美2026上半年流水账.csv 的分析结果，生成一个"数据故事"页面。

不是图表罗列，而是像讲故事一样展示数据：

第一幕"开局" — 1月的起步数据，用大数字卡片
第二幕"寒冬" — 2月数据下滑，用红色警示，配下降趋势线
第三幕"回暖" — 3-4月恢复增长，用绿色上升箭头
第四幕"发力" — 5-6月加速，热门项目崛起，用柱状图对比
第五幕"英雄" — 业绩最好的员工突出展示
第六幕"展望" — 基于趋势的下半年预测（AI 合理推测）

每一幕滚动进入时有动画效果。
配色：暗色基底，关键数据用金色/绿色/红色高亮。

保存为 yuyan_data_story.html

这种"数据叙事"是高端 BI 分析师才会做的东西。你用 AI 一条指令就做出来了。发给投资人看，效果比任何 PPT 都强。

本课小结

在这一课中，你学到了：

四课连贯回顾

第一课 → 装好 ALMA，生成第一个网站
第二课 → AI 分析数据（2300 条流水 → 文字报告）
第三课 → AI 生成图片（MiniMax + Banana Pro）
第四课 → AI 数据可视化（数据 → 交互图表 → 看板 → 发布）

四课下来，你已经掌握了一个完整的 AI 内容生产链：
数据 → 分析 → 可视化 → 发布

课后练习

做一个你真正想给别人看的数据看板，用 Pinme 发布：

1. 经营看板 v2 — 在课上做的看板基础上，加入你自己关心的维度（季节性分析、会员消费频次、复购率等）
2. 对比看板 — 如果你有多个月的数据，做一个月度对比看板
3. 行业看板 — 用第五课学的搜索能力，搜集行业数据，做一个"医美行业趋势看板"

要求：看板中至少包含 4 种不同类型的图表（柱状图、折线图、饼图/环形图、数据卡片）。

能力泛化：这个能力还能用在哪里

你今天掌握的"数据可视化 + 发布"能力，可以直接迁移到这些场景：

• 月度经营汇报 — 不再发 Excel 附件，发一个看板链接，老板打开就看
• 投资人汇报 — 数据故事比 PPT 更有说服力
• 团队目标追踪 — 把 KPI 做成看板，每周更新，团队成员随时查看
• 客户数据分析 — 客户画像、消费行为、复购趋势可视化
• 营销效果追踪 — 各渠道 ROI、转化漏斗、投放效果一目了然
• 竞品对比 — 搜索竞品数据 + 可视化对比图表

核心原则：数据放在表格里是死的，放在图表里是活的。任何需要"让别人看懂数据"的场景，都值得做可视化。

下一课预告

第五课，我们将学习 AI 信息搜索与研究。你现在会处理已有的数据，会生成图片，会做可视化看板。下一步——让 AI 为你上网搜信息。

竞品分析、市场调研、行业报告——都可以一句话搞定。搜完的信息还能直接做成可视化看板发布。

准备好了吗？