第7章 数据可视化综合应用

基于Canvas的离线数据可视化展示

1

3D 柱形图绘制

目标:在xOy平面对角线位置生成4个柱子,设定随机高度,配置柱子样式、坐标轴标签及标题。

特性:支持鼠标悬停显示详细数值,渐变色彩填充,动画效果。
2

衰减正弦波动画

衰减正弦波方程:
y = e^(-0.1x) × sin(x)

波形向右推进效果,实时相位移动动画展示

3

跨国航线地图

目标:绘制从北京飞往吉隆坡的航线图,标记两城市坐标,绘制大圆航线。

航线信息:北京(39.90°N, 116.40°E)→ 吉隆坡(3.13°N, 101.68°E)
4

Peaks函数3D曲面

目标:绘制经典Peaks函数三维曲面,设定x/y定义域[-3,3],配置色彩映射、平滑度。

特性:支持多角度旋转,多种色彩映射方案,网格化渲染。