让数据开始讲故事

01 · 先写结论句

不要从“画什么图”开始。先完成这句话：数据说明____，其中____最值得注意。

示例数据的可守结论是“六周总体上升，第五周短暂回落，第六周达到最高”。不要把相关性写成原因。

1. 写一条不超过 28 字的结论。
2. 圈出支撑结论的三个数据点：第一、第五、第六周。
3. 确定图的读者是否需要看精确值。

02 · 为问题选择图形

时间变化用折线图；步骤与先后关系用流程图；类别精确比较可以用条形图。饼图不适合表达六周趋势。

本课制作一张折线趋势图，再用小流程图说明“计划—实践—记录—复盘”的循环。

请在 05-data-story 中创建 data-story.html。

数据：第 1–6 周学习时长依次为 2.5、3.2、4.1、5.4、4.8、6.3 小时。
制作：一张可响应的 SVG 折线图；一个“计划→实践→记录→复盘”的流程图。
叙事标题：六周学习时长总体上升，第五周短暂回落。
要求：关键点直接标注数值；第五周用形状和文字强调，不只用颜色；SVG 有可访问名称和描述；图后保留数据表作为精确值后备；注明“示例自记录数据”；390px 下文字不重叠；不用图表库。
不要推测第五周回落的原因。

03 · 做十秒复述测试

让一位没看过数据的人看十秒后关掉页面，复述趋势、异常点和最高值。如果他只记住“绿色很好看”，说明视觉抢走了结论。

1. 隐藏标题再看图，确认趋势仍然清楚。
2. 切换为灰度或遮住颜色，确认第五周仍能被形状与文字识别。
3. 核对图上六个点与数据表完全一致。
4. 检查纵轴是否从适合的范围开始，并避免夸大微小差异。

04 · 让 Agent 自查而不是自夸

好的审稿 Prompt 会要求证据和等待确认，避免 Agent 在审查过程中顺手重做整页。

请以数据可视化审稿人的身份检查 data-story.html。只报告可验证问题：
1. 图形是否与“时间趋势”问题匹配；
2. 数据点与后备表是否逐项一致；
3. 是否存在只靠颜色表达的信息；
4. 390px 下标注是否重叠；
5. 文案是否把相关性写成因果。
先列问题和证据，等我确认后再修改。