文件名称:force-graph:在HTML5画布上呈现的力导向图
文件大小:1.43MB
文件格式:ZIP
更新时间:2024-05-18 03:12:27
canvas simulation force d3js force-directed-graph
力图 在HTML5画布上呈现的力导向图。 一个Web组件,它使用强制控制的迭代布局在二维画布中表示图形数据结构。 使用HTML5 canvas进行渲染,并使用作为基础物理引擎。 支持画布缩放/平移,节点拖动以及节点/链接悬停/单击交互。 查看示例: () () () () () 图像作为节点(源) 方向链接(使用箭头) ( 源) 定向链接(使用运动粒子) ( 源) 曲线和自我链接(来源) 链接中的文字(来源) 短划线奇数链接( 源) 突出显示节点/链接(源) 多节点选择( 源) 自动上色的节点/链接(源) 自定义节点形状( 源) 缩放/平移视口(源) 单击以专注于节点( 源) 单击以展开/折叠节点(源) 拖动后修复节点( 源) 使图形适合画布(源) 动态数据更改(源) 节点冲突检测( 源) 按需发射链接粒子( 源) 力导向树(DA
【文件预览】:
force-graph-master
----.gitignore(17B)
----.babelrc(185B)
----package.json(2KB)
----src()
--------force-graph.js(21KB)
--------dagDepths.js(2KB)
--------index.js(69B)
--------kapsule-link.js(1016B)
--------canvas-force-graph.js(21KB)
--------color-utils.js(578B)
--------force-graph.css(640B)
--------index.d.ts(9KB)
----LICENSE(1KB)
----rollup.config.dev.js(259B)
----_config.yml(26B)
----.github()
--------ISSUE_TEMPLATE()
----rollup.config.js(1KB)
----README.md(29KB)
----example()
--------dag-yarn()
--------dash-odd-links()
--------datasets()
--------img-nodes()
--------text-links()
--------custom-node-shape()
--------curved-links()
--------medium-graph()
--------fit-to-canvas()
--------directional-links-particles()
--------emit-particles()
--------highlight()
--------fix-dragged-nodes()
--------load-json()
--------dynamic()
--------huge-1M()
--------text-nodes()
--------auto-colored()
--------tree()
--------click-to-focus()
--------move-viewport()
--------directional-links-arrows()
--------multi-selection()
--------large-graph()
--------collision-detection()
--------expandable-nodes()
--------expandable-tree()
--------basic()
----yarn.lock(139KB)