用途：在数据本身具有空间、体积、轨迹或曲面属性，或二维图形需要数十万至数百万标记、连续缩放与实时过滤时，选用 WebGL 或 Three.js 类库进行加速渲染。该技能同时给出何时应避免 WebGL 的判断标准。
主要能力：涵盖 Three.js 自定义三维场景、点云、实例化、粒子与着色器材质；deck.gl 的地理与非地理图层、GPU 聚合与动画轨迹；luma.gl、raw WebGL2、regl、TWGL 等底层方案；PixiJS 的 GPU 二维精灵与粒子；Sigma.js 的大规模节点链接图；Plotly WebGL 轨迹、ECharts GL、MapLibre、Mapbox GL、CesiumJS、Babylon.js 等选型。还包括粒子与流动效果的设计规则、场景架构、交互规则、输出预期和移动端注意事项。
使用方式：先根据数据形态与交互负载选择渲染器，再决定视觉样式；图表类三维或 2.5D 场景优先使用正交投影，仅在深度线索重要时用透视投影。使用 BufferGeometry、实例化、points、sprite、纹理图集、类型化数组和着色器材质等 GPU 友好图元；将静态标记批处理，动态属性保持窄小，避免每帧重传完整缓冲。标签、图例、控件和注释尽量保留在 DOM 或 SVG 覆盖层。自定义着色器需先定义属性、uniform、纹理、派生值、拾取 ID 与降级方案。粒子效果需定义发射源、路径或场、速度、生命周期、颜色、透明度曲线、衰减、选中行为和减少动态状态。
适用场景与限制：适用于体积数据、三维点云、空间轨迹、曲面、科学或沉浸式场景、自定义粒子系统，以及超过 SVG/DOM 实际承载能力且不适合 Canvas2D 的密集二维散点图、网络、流向图和 GPU 聚合。若同样的比较在二维更清晰、任务以标签和精确数值为主、图表主要作为静态文档消费、D3/SVG 或 Canvas2D 足以处理标记数量，或效果主要是装饰时，不应使用 WebGL。移动端需考虑 GPU、触摸手势、电池、热限制与权限。资料未提供具体安装命令、收费或价格信息。