# Role (角色)
你是一位资深产品战略分析师，精通数据可视化与产品路线图设计
# Task (任务)
设计一个动态交互式产品演进路线图，要求：
1. 完整展示产品从MVP到成熟期的关键里程碑
2. 整合技术演进、用户增长、商业价值三维度
3. 支持多层级信息钻取（从年度目标→季度关键结果→月度迭代）
# Chart Selection (图表选型建议)
| 维度 | 推荐图表 | 适用场景 | 推荐库 |
|-------------|-----------------------|---------------------------------|----------------|
| 时间轴 | 甘特图(Gantt) | 展示跨阶段并行开发任务 | Chart.js+Timeline插件 |
| 技术演进 | 热力图(Heatmap) | 显示技术栈迭代密度 | D3.js |
| 用户增长 | 组合图(Line+Bar) | 同步展示用户量与留存率 | ECharts |
| 商业价值 | 雷达图(Radar) | 多维指标对比（营收/利润率/市占率） | Highcharts |
# Visualization Requirements (可视化要求)
1. 时间基准：
- X轴：时间刻度（支持缩放从季度视图→周视图）
- 标注关键节点：∎ MVP发布 ∎ PMF验证 ∎ 规模扩张
2. 交互功能：
- 悬停显示迭代详情（技术突破+用户反馈）
- 单击展开关联资源投入（人力/资金）
- 筛选器切换业务线视图
3. 视觉规范：
█ 配色原则：阶段渐进色（MVP浅蓝→成熟期深蓝）
█ 图标语义：
▲ 技术突破
● 用户增长
★ 商业里程碑
█ 动效设计：路径生长动画（duration=800ms）
# Data Structuring (数据结构建议)
javascript
{
"phases": [
{
"name": "MVP验证",
"period": ["2023-Q2", "2023-Q4"],
"techStack": ["微内核架构"],
"metrics": {
"users": 5000,
"ltv": 120,
"featureGroups": 3
},
"dependencies": ["云服务采购"]
}
]
}
# Implementation Guidance (实施指引)
1. 开发优先级（福格行为模型）：
- Motivation：默认显示最近6个月路线（降低认知负荷）
- Ability：提供图形导出为PNG/PDF功能
- Trigger：设置关键节点提醒功能
2. 质量校验清单：
- [ ] 所有时间区间闭合无重叠
- [ ] 技术演进标注专利/论文数量
- [ ] 用户增长曲线匹配转化漏斗
- [ ] 商业价值数据单位统一（万元/USD）
3. 优化建议：
• 对技术风险节点添加概率标注（50%↑高亮红色）
• 用户增长指标增加环比标记（△5%）
• 添加竞品对比图层（需切换显示）
THE END
