3D散点图 - 三维空间的星星
展示三维空间中随机分布的星星,根据高度显示不同颜色
图表说明
这个3D散点图模拟了夜空中的星星分布。星星的颜色根据其z轴高度变化:
- 黄色:z ≤ 10
- 粉色:10 < z < 20
- 青色:z ≥ 20
30
星星总数
0
黄色星星
0
粉色星星
0
青色星星
3D线框图与曲面图
展示3D线框图和彩色曲面图的对比效果
图表说明
这个图表展示了数学函数的3D可视化效果,使用正弦函数生成曲面数据:
- 线框图:显示3D曲面的网格结构,便于观察数据的拓扑关系
- 曲面图:使用颜色映射显示高度变化,视觉效果更加美观
- 混合模式:同时显示线框和曲面,结合两者的优点
技术原理:基于函数 z = sin(√(x² + y²)) 生成数据,使用Viridis颜色映射表示高度值。
z = sin(r)
数学公式
25×25
网格密度
Viridis
颜色映射
[-1, 1]
Z轴范围
3D闪烁星星动画
模拟夜空中星星闪烁的效果
图表说明
这个动画模拟了夜空中星星闪烁的效果,基于原代码中的固定星星位置:
- 固定位置:10颗星星的位置来自原代码的预设坐标
- 闪烁效果:星星在粉色和白色之间交替闪烁
- 3D空间:星星分布在三维空间中,可旋转观察
- 动画控制:可调节闪烁速度和星星大小
技术实现:使用JavaScript的setInterval函数实现定时动画,Plotly.js进行3D渲染。
10
固定星星数
粉色/白色
闪烁颜色
1000ms
闪烁周期
3D散点
图表类型
正弦波动画
展示动态的正弦波形变化
图表说明
这个动画展示了正弦函数的动态变化,基于原代码的FuncAnimation实现:
- 函数原理:展示 y = sin(x + phase) 的波形变化
- 相位动画:通过连续改变相位值实现波形移动
- 平滑动画:使用requestAnimationFrame实现流畅效果
- 速度控制:可调节动画播放速度
数学基础:正弦函数是周期函数,广泛应用于物理学、工程学和信号处理中。
y = sin(x)
数学公式
200
数据点数
[0, 20π]
X轴范围
[-1, 1]
Y轴范围
美国城镇人口分布地图
展示2014年美国部分城镇的人口分布情况
图表说明
这个地图展示了美国部分城镇的人口分布情况,基于2014年的城市数据:
- 地理范围:覆盖美国本土大部分地区(纬度23.41°-45.44°,经度-118.67°到-64.52°)
- 气泡表示:气泡大小表示城市人口数量
- 颜色映射:使用Viridis颜色方案表示人口密度
- 交互功能:支持地图样式切换和城市数量调整
数据说明:模拟了2014年美国城市人口数据,展示了人口分布的地理特征。
500
显示城市数
2014年
数据年份
Viridis
颜色方案
标准
地图样式