首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Threejs+D3js结合的几个案例分享

最近在深入学习Threejs这个三维界最难的语言,自己喜欢研究的领域还有数字可视化,所以一直想将两者结合起来使用。所以找了几个相关案例,D3js在处理数据和可视化方面也算是经典的库。这里不考虑echart图,虽然它的新版很多已经支持漂亮的3D了。

1. 折线图

2.柱状图

3. 饼图

4. 散点图

5. 关系图(力引导布局)

https://bl.ocks.org/vasturiano/02affe306ce445e423f992faeea13521

https://codesandbox.io/s/r3f-graph-declarative-3s8ye?file=/src/App.js

6. 圆堆图(circle packing)

https://observablehq.com/@analyzer2004/3d-circle-packing

7. 弦图(Chord Layout)

https://plouc.github.io/3x3/chord/

另外还发现了一个手绘风格的数据图:

https://github.com/timqian/chart.xkcd

其它数据图还在收集当中,后面专门研究一下这些代码。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20211002A01CJE00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券