d3
Fu1co
燃油
展开
-
d3.js Zoomable Circle Packing 连线实现
一.背景d3是一个很强大的js可视化工具,Zoomable Circle Packing是d3里面的一种可以展示层级关系的气泡图。Zoomable Circle Packing地址:https://observablehq.com/@d3/zoomable-circle-packing效果图:现在的需求是在气泡图中添加连线,以展示层级关系中节点之间的关系,但是d3库中并没有提供这样的方法。但是《2020_IWoR_ClusterViz-Visualizing Arch..原创 2020-10-27 17:15:22 · 1394 阅读 · 1 评论 -
d3.js 添加图例Legend(文字 + 颜色图标)
一.问题描述d3虽然在绘图方面是个强大的工具,但是却没有提供绘制图例的工具,国内的d3使用群体目前还没有那么多,所以也缺乏相关的教程,我在看了一篇国外大神的帖子后,自己动手实践了一下,给大家分享一下经验。二.具体实现效果图: 这个图例的数据就是一个数组,所以动态静态都是可以的。而且显示的位置四个边角都可以,另外字体和颜色框(线或者是面)都是自定义的,调一下参数就行。源码://图例数组,格式可自定义var data_legend = [ { ...原创 2020-11-03 14:58:03 · 6266 阅读 · 3 评论