文件名称:inet-henge:从JSON数据生成基于d3.js的网络图
文件大小:1.68MB
文件格式:ZIP
更新时间:2024-05-29 06:31:36
JavaScript
inet-henge.js inet-henge.js从JSON数据生成基于d3.js的自动布局网络图。 inet-henge可通过自动计算坐标,以SVG格式放置节点和链接来帮助您绘制它。 每个对象都是可拖动和缩放的。 您所要做的就是: 定义由名称标识的节点 通过指定两个末端节点来定义链接 在浏览器中显示。 就是这样。 JSON示例: { " nodes " : [ { " name " : " A " }, { " name " : " B " } ], " links " : [ { " source " : " A " , " target " : " B " } ] } 入门 npm install inet-henge # or git clone https://github.com/codeout/inet-henge.gi
【文件预览】:
inet-henge-master
----webpack.dev.js(233B)
----.eslintrc(146B)
----.gitattributes(24B)
----webpack.prod.js(238B)
----inet-henge.js(758KB)
----src()
--------util.ts(104B)
--------meta_data.ts(1KB)
--------hack_cola.js(2KB)
--------link.ts(10KB)
--------group.ts(4KB)
--------tooltip.ts(5KB)
--------position_cache.ts(4KB)
--------node.ts(5KB)
--------diagram.ts(12KB)
----example()
--------index.html(534B)
--------images()
--------shownet.json(10KB)
--------index.json(2KB)
--------style.css(767B)
--------shownet.html(572B)
----tsconfig.json(181B)
----LICENSE(1KB)
----inet-henge.min.js(327KB)
----webpack.common.js(292B)
----README.md(10KB)
----.gitignore(44B)
----inet-henge.min.js.map(1.1MB)
----CHANGELOG.md(6KB)
----inet-henge.js.map(854KB)
----package-lock.json(185KB)
----package.json(1KB)
----vendor()
--------cola.min.js.map(123KB)
--------cola.min.js(78KB)