数据可视化展示

基于第七章内容,展示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