COVID-19 疫情数据可视化分析系统

地图可视化（Choropleth Map）

选择依据:

• 地理空间特征: 疫情数据具有明显的地理属性，地图能够直观展示疫情的空间分布模式
• 认知负担低: 用户对地理位置有天然的认知基础，无需额外学习成本
• 颜色编码: 使用红色渐变表示确诊数量，符合"红色=危险"的文化认知

实现技术:

• 世界地图: 使用D3.js + TopoJSON渲染，采用Natural Earth投影保持视觉平衡
• 美国地图: 使用D3.js + Albers USA投影，专门优化美国本土、阿拉斯加和夏威夷的显示
• 中国地图: 使用ECharts + 阿里云DataV地图数据，提供更好的中文支持和交互体验

数据映射关系:

• 世界地图 ↔ 各国数据集: 世界地图的每个国家区域与COVID19_nations.xlsx中的国家数据一一对应，通过国家名称匹配实现数据绑定。系统支持70个主要国家的数据展示，包含中英文名称映射（如"美国"↔"United States of America"）
• 美国地图 ↔ 各州数据集: 美国地图的每个州区域与COVID-19 Data.xlsx中的州数据对应，通过标准化的州名称（如"California"、"New York"）进行匹配。地图覆盖美国50个州及华盛顿特区
• 中国地图 ↔ 各省数据集: 中国地图的每个省份区域与covid_data_China.xlsx中的省份数据对应，支持34个省级行政区（包括省、自治区、直辖市、特别行政区）的数据展示

中国地图交互细节:

• 颜色刻度线（Visual Map）: 中国地图右下角配备了动态颜色刻度线，实时显示当前数据的数值范围。刻度线采用从浅红到深红的渐变色，直观反映疫情严重程度
• 交互式刻度: 用户可以通过鼠标悬停在刻度线上查看具体数值范围，刻度线会根据数据的最大值和最小值自动调整显示范围
• 省份高亮: 鼠标悬停在省份上时，该省份会高亮显示，同时tooltip显示详细数据（省份名称、确诊数、死亡数、治愈数）
• 空数据处理: 对于没有数据的省份，地图显示为浅灰色，避免误导用户

替代方案考虑:

• ❌ 气泡图（Bubble Map）: 虽然能表示数量级差异，但在数据密集区域会产生严重遮挡
• ❌ 符号地图（Symbol Map）: 不如颜色填充直观，且难以表示连续数值范围

柱状图（Bar Chart）

选择依据:

• 精确比较: 柱状图是比较不同类别数值大小的最有效方式
• 排名可视化: 通过排序和截断（Top 6），突出重点国家
• 动画过渡: 切换指标时的平滑过渡帮助用户理解数据变化

实现技术:

• 使用D3.js的enter-update-exit模式实现数据驱动的动画
• 500ms过渡时间平衡了流畅性和响应速度

替代方案考虑:

• ❌ 饼图: 不适合比较多个类别，且难以表示绝对数值
• ❌ 雷达图: 过于复杂，不适合单一指标的排名展示

折线图（Line Chart）

选择依据:

• 时间序列: 折线图是展示时间趋势的标准选择
• 多系列对比: 支持同时显示多个省份的趋势，便于横向对比
• 连续性: 折线的连续性强调了疫情发展的时间连续性

实现技术:

• 使用D3.js的line生成器和时间比例尺
• 颜色编码区分不同省份，配合图例和交互式筛选

纵坐标优化策略:

• 数据差异问题: 中国各省份的治愈病例数存在巨大差异，例如湖北省的数据可能是其他省份的数十倍甚至上百倍，如果使用统一的纵坐标范围，会导致数值较小的省份折线几乎贴近X轴，无法观察其变化趋势
• 动态范围调整: 系统采用动态纵坐标范围策略，Y轴的最大值根据当前选中省份的数据自动调整。当用户通过多选框筛选不同省份时，Y轴会平滑过渡到新的数值范围
• 留白设计: Y轴最大值设置为数据最大值的1.1倍（留10%空间），确保最高点的折线不会紧贴图表顶部，提高可读性
• 刻度优化: Y轴刻度数量设置为8个，使用千分位分隔符格式化数值（如"1,234,567"），便于快速读取大数值
• 用户反馈: 当用户选择包含湖北省的组合时，系统会自动扩大Y轴范围；取消选择湖北省后，Y轴会收缩以更好地展示其他省份的细节变化

替代方案考虑:

• ❌ 面积图（Area Chart）: 多系列叠加时会产生遮挡，降低可读性
• ❌ 散点图（Scatter Plot）: 不能有效表达时间的连续性
• ❌ 对数坐标: 虽然能解决数据差异问题，但普通用户对对数刻度的理解成本较高，不利于直观比较

鼠标悬停提示（Tooltip）

选择依据:

• 按需显示: 避免界面过载，只在需要时显示详细数据
• 上下文关联: 提示框跟随鼠标，明确指示当前关注的数据点
• 多维信息: 同时显示确诊、死亡、治愈三个指标，提供完整信息

下拉菜单（Dropdown Selector）

选择依据:

• 指标切换: 确诊/死亡/治愈三个互斥选项，下拉菜单是最简洁的选择
• 节省空间: 相比单选按钮，下拉菜单占用更少的屏幕空间
• 标准控件: 用户熟悉度高，无需学习成本

多选框（Multi-Select）

选择依据:

• 省份筛选: 用户可能需要同时对比多个省份的趋势
• 灵活性: 支持选择任意组合，满足不同分析需求
• 可见性: 显示所有选项，便于快速浏览和选择

地图钻取（Drill-down）

选择依据:

• 渐进式探索: 从全球→国家→省份，符合用户的认知层次
• 减少认知负担: 避免在一个视图中展示过多细节
• 上下文保持: 返回按钮确保用户不会迷失在导航中