基本介绍

NetV.js 是什么

NetV.js: A Network Visualization Library. 是一个面向图可视化、图可视分领域的专业的、深入的渲染、布局、交互、可视化、可视分析 JavaScript 库。 它使用WebGL作为底层渲染，支持千万级别的点边绘制、交互、布局。在浏览器端可以完成大规模图布局。是以图可视化、图可视分析为最终目的驱动引擎。

主要特性

海量图数据

• 面向节点-链接类型图数据
• 支持百万级元素的绘制和交互

高性能渲染

• 运用WebGL加速，可同时绘制上百万元素
• 高效支持多种形状与样式

FPS测试

节点数量	2e3	1e4	2e4	4e4	1e5	2e5	4e5	1e6	2e6
NetV	119	117	111	107	40	18	7	2	-
Stardust	118	118	117	115	68	34	-	-	-
D3SVG	65	12	6	3	-	-	-	-	-
D3Canvas	116	117	116	60	23	11	5	2	-
Cytoscape	30	5	2	-	-	-	-	-	-
Sigma.js (WebGL)	116	58	29	14	5	2	-	-	-

（备注：“-” 表示无法进行绘制或绘制时间过长）

丰富交互

• 支持画布的平移、缩放等多样的视图变换
• 原生支持mousedown, mouseup, mouseover, click, drag鼠标交互
• 可通过插件支持lasso等高级交互

拓展功能

NetV的核心渲染引擎相对精简，尽可能保证其高性能渲染特性。同时，NetV支持通过插件拓展其功能。

Lasso-selection

使NetV支持Lasso圈选交互，能够根据用户全选操作返回所选中的节点集合。

• GitHub/文档 (opens new window)
• NPM: npm i netv-lasso-selection

Label

支持显示NetV节点标签，可调整标签样式、内容、位置等。

• GitHub/文档 (opens new window)
• NPM: npm i netv-label

引用NetV.js

如果您在科研项目、产品、学术论文、技术报告、新闻报告、教育、专利以及其他相关活动中使用了 NetV.js，欢迎引用本论文：

• NetV.js: A web-based library for high-efficiency visualization of large-scale graphs and networks
  Dongming Han, Jiacheng Pan, Xiaodong Zhao and Wei Chen
  Visual Informatics, 2021
  [Link (opens new window), PDF (opens new window)]

@article{HAN2021,
    title = {NetV.js: A web-based library for high-efficiency visualization of large-scale graphs and networks},
    journal = {Visual Informatics},
    year = {2021},
    issn = {2468-502X},
    doi = {https://doi.org/10.1016/j.visinf.2021.01.002},
    url = {https://www.sciencedirect.com/science/article/pii/S2468502X21000048},
    author = {Dongming Han and Jiacheng Pan and Xiaodong Zhao and Wei Chen},
}