数据可视化展示
基于第七章内容,展示3D图表、动画和地图可视化技术
3D星星散点图
使用Three.js创建交互式3D星星可视化
动画效果
展示3D星星的闪烁动画效果
地图可视化
使用Leaflet展示地理数据分布
3D星星散点图
数据说明
- 生成30个随机3D坐标点 (0-40范围)
- 根据Z坐标值设置不同颜色:黄色 (0-10)、紫色 (10-20)、青色 (20+)
- 每个星星都是独立的3D对象,可交互查看
3D星星闪烁动画
动画说明
- 基于10个固定3D坐标点创建动画
- 星星每秒在紫色和白色之间切换颜色
- 模拟夜空中星星闪烁的效果
地图数据可视化
地图数据说明
- 展示中国主要城市的分布情况
- 圆圈大小代表城市人口数量
- 颜色深度表示人口密度
- 点击标记可查看城市详细信息
关于这个项目
这个数据可视化网站基于第七章的内容,展示了现代Web技术在数据可视化方面的应用。
使用的技术栈
HTML5
CSS3
JavaScript
Three.js