This is a Simple project created and maintained with the just for fun philosophy
A parallel force layout on GPU is proposed.
This project aims to highlight the power of GPU parallel programming in network visualization.
In this example in codesandbox, the layout only runs for a second to display this very large graph, the problem now is the interaction, which is slow for such large graphs https://codesandbox.io/s/suspicious-williams-qsc2wy?file=/src/App.tsx
- install the library
npm install cosmos-over-cytoscape
- import
import cosmos from "cosmos-over-cytoscape";
- register it in cytoscape
cytoscape.use(cosmos);
- layout props
import { CosmosCystoscapeLayoutOptions } from "cosmos-over-cytoscape";
const layoutProps: CosmosCystoscapeLayoutOptions = {
name: "cosmos",
cosmos: {
spaceSize: 8192,
simulation: {
linkDistance: 1,
friction: 0.85,
linkSpring: 1,
repulsion: 0.2,
repulsionTheta: 1,
gravity: 0.25,
},
},
};
- recall the layout as you like in cytoscape
cytoscape({..props, layout: layputProps})
or
cy.layout(layoutProps).run()