最近在深入学习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
其它数据图还在收集当中,后面专门研究一下这些代码。
领取专属 10元无门槛券
私享最新 技术干货