3D 饼图

组件3DThreeJS

在线演示

新窗口打开

技术栈

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

实现原理

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

获取源码

1. 点击【加入 GitHub 仓库】按钮
2. 输入你的 GitHub 用户名，注意：不是昵称，而是登录账号。
3. 确认账号无误后，点击【是的，请邀请我加入仓库】按钮，
   成功后前往你的 GitHub 通知页面，通过邀请即可加入仓库
4. ❤️打赏支持❤️