circlepack-chart:用于可视化分层数据的圆形包装交互式图表Web组件

时间:2024-02-26 00:16:16
【文件属性】:

文件名称:circlepack-chart:用于可视化分层数据的圆形包装交互式图表Web组件

文件大小:284KB

文件格式:ZIP

更新时间:2024-02-26 00:16:16

chart data-visualization hierarchical-data d3js circle-packing

圆图 交互式圆包装图,用于可视化分层数据中的比例,其中树的节点表示为嵌套圆。 支持通过鼠标滚轮事件或单击节点(将视口聚焦在关联的子树上)的缩放交互。 单击图表的背景可将缩放重置为其初始位置。 该图表还通过将每个节点的尺寸动画化到其新位置来响应数据更改。 为了提高性能,将半径小于给定阈值( minCircleRadius )的圆从DOM中排除,从而可以在保持平滑交互的同时表示大型数据集。 有关随机生成的大型数据结构,请参见。 另请参阅,和图。 快速开始 import CirclePack from 'circlepack-chart'; 要么 const CirclePack = req


【文件预览】:
circlepack-chart-master
----.gitignore(17B)
----.babelrc(185B)
----package.json(2KB)
----src()
--------index.js(68B)
--------circlepack.css(918B)
--------index.d.ts(2KB)
--------circlepack.js(8KB)
----LICENSE(1KB)
----rollup.config.dev.js(259B)
----_config.yml(26B)
----.github()
--------ISSUE_TEMPLATE()
----rollup.config.js(2KB)
----README.md(7KB)
----example()
--------flare()
--------preview.png(219KB)
--------sort-by-size()
--------large-data()
--------basic()
----yarn.lock(129KB)

网友评论