大屏组件01：精致的3D饼图

演示

技术栈

• Vue3
• TypeScript
• ThreeJS + TresJS
• d3.js

实现原理

• 使用 d3.arc d3.pie 创建一个二维饼图
• 使用 ThreeJS ExtrudeGeometry 把二维饼图拉伸为三维
• 添加材质和光照效果

获取源码

3D 饼图-获取源码