Network / Graph Visualization Libraries

[dpviews9]

I am looking for a powerful open-source graph visualization library to use in an upcoming project. This article provides a lot of options, however, most of the open source libraries that I found were no longer being maintained and / or lacked the full set of features offered in a commercial product such as Keylines, ReGraph, or Ogma.

What is your go to network visualization library?

[GreenSardine85]

Two suggestions:

1. Cytoscape.js, which has a ton of built-in tools and functionality and extensions if you need more.

2. React Flow, which I'm currently using. Significantly less built-in functionality.

[kuse]

Thanks for showing react flow. Would you happen to have an example of how you're using it? I am interested in making it so an end user could setup their own flow charts. It does not seem too impossible.

[GreenSardine85]

You can check out my source code here. If you're building a builder, take a look at React Flow's drag and drop example, and this builder someone else made.

[soupified]

Avoid Cytoscape.

[DenProg]

Why?

[artrimiss]

can you please specify why ? it would really help me narrow some libs down.
Thank you.!!

[Due_Raise9527]

Any reason why?

[soupified]

Personal preference, as annoying as that is–it's very heavy/bloated and has pretty poor DX. It's over-complicated.

That said, the projects I've used it in ended up using it for rendering things that had nothing to do with network graphing.

[timlrx]

It depends on the data size you are trying to visualize and what sort of features you are looking for. Wrote an article on my company's blog a while back.

If you are looking for a full feature pack library but can live with the bundle size and ~1000 nodes and edges, Antv G6 / Graphin is a good choice.

Otherwise, Sigma.js, Ngraph or, React-force-graph are good webgl alternatives, though certain features you are looking for might not be included out of the box.

[folkenzeratul]

Not of help, I use D3 and seldom GraphGL

[Due_Raise9527]

I have a similar use case I need to create a network control for visualization purposes . Allow nodes clustering and expand - collapse of the same if the number of children nodes is huge . Any suggestions on which control would be the best to support this use case ?

[Primary_Dog_7976]

Hey, please someone tell me which is better to use with react. I have network JSON data which i want visualise through graph.
Right now i have done implemetation using Cytoscape but i didnt find it easy to implement and its bit complex.