全球婴儿死亡率交互式可视分析

BITVIS 作业2 | 基于D3.js

可视化研究问题

不同大洲的婴儿死亡率存在怎样的差异?亚洲与欧洲的医疗水平差距如何体现?

说明文档

1. 可视化目标与研究问题
本可视化作品旨在分析全球不同国家婴儿死亡率的分布差异,重点探索亚洲与欧洲国家之间的健康水平差距,并通过交互方式直观展示地区间的数据规律,帮助观察者理解经济、政策、医疗条件等因素与婴儿死亡率的关联。

2. 设计决策依据(可视化编码与交互)
• 视觉编码:使用柱状图展示婴儿死亡率,Y轴映射死亡率数值,X轴展示国家名称,颜色统一使用蓝色以保证视觉整洁。
• 交互设计:采用地区筛选按钮 + 鼠标悬浮提示 + 过渡动画三种交互,满足作业要求并提升可读性。
• 替代方案:曾考虑折线图、散点图,但因数据为国家类别对比,柱状图在类别比较中更清晰易懂,因此最终选择柱状图。

3. 外部资源与数据来源
• 数据集:世界银行公开数据集(World Bank Open Data)
• 指标名称:Mortality rate, infant (per 1,000 live births)
• 技术框架:D3.js v7 官方库
• 没有基于其他可视化案例进行改编,为本人独立设计实现。

4. 开发流程概述
• 总开发耗时:约 6小时
• 耗时最多环节:CSV 数据清洗与格式适配(处理世界银行原始文件格式)、D3 数据绑定与动态更新
• 开发过程:从数据读取、图表绘制、交互实现到界面美化逐步完成,整体流程顺畅,交互逻辑调试花费时间较多。