neo4j visualization

Graph visualization tools

https://neo4j.com/docs/getting-started/graph-visualization/graph-visualization-tools/#_visualization_resources

• 2. Embeddable tools with built-in Neo4j connections
• Neovis.js
• Popoto.js
• 3. Embeddable libraries without direct Neo4j connection
• Neo4j Visualization Library (NVL)
• D3.js
• Vis.js
• Sigma.js
• Vivagraph.js
• Cytoscape.js

 

https://zhuanlan.zhihu.com/p/126219777

 

react-force-graph

https://github.com/vasturiano/react-force-graph/tree/master/example

react-force-graph

2D:

3D:

VR:

AR:

React bindings for the force-graph suite of components: force-graph (2D HTML Canvas), 3d-force-graph (ThreeJS/WebGL), 3d-force-graph-vr (A-Frame) and 3d-force-graph-ar (AR.js).

This module exports 4 stand-alone React component packages with identical interfaces: react-force-graph-2d, react-force-graph-3d, react-force-graph-vr and react-force-graph-ar. Each can be used to represent a graph data structure in a 2 or 3-dimensional space using a force-directed iterative layout.

Uses canvas/WebGL for rendering and d3-force-3d for the underlying physics engine. Supports zooming/panning, node dragging and node/link hover/click interactions.

See also the react-three-fiber component.