
D3.js可视化
D3.js是个人在制作图表时的首选工具,它在个人和工作的项目中高频使用。这是其中一个可视化作品,通过结合rough.js呈现出手绘效果,结合React Three Fiber和Three.js加载3D模型为页面添加动感,结合GSAP添加交互动画。
技术栈:
React
TypeScript
Tailwind CSS
Next.js
D3.js
![]()
Rough.js
![]()
GSAP
React Three Fiber
![]()
Three.js
视频预览:

D3.js是个人在制作图表时的首选工具,它在个人和工作的项目中高频使用。这是其中一个可视化作品,通过结合rough.js呈现出手绘效果,结合React Three Fiber和Three.js加载3D模型为页面添加动感,结合GSAP添加交互动画。
技术栈:
![]()
![]()
![]()
视频预览: