How to build a graph visualization engine and why you shouldn’t

• cosmos

  2 753 7.3 TypeScript

  GPU-accelerated force graph layout and rendering (by cosmograph-org)

  

https://github.com/cosmograph-org/cosmos seems super nice! Yep, it's amazing to see better and better tooling around!

• orb

  5 306 6.0 TypeScript

  Graph visualization library (by memgraph)

  

Yes, it is. You can check out the repo at https://github.com/memgraph/orb

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• GraphTerm

  1 26 10.0 JavaScript

  GraphTerm: An aspirational DevOps and Container IDE Concept

I was an early employee at the first round of graphistry.com. I'm really proud of Leo and that he took it from the brink and put it back on the market and is growing it.

I think more people should build more graph visualization engines, but you're going to have a hard time competing with how slick pygraphistry is, but there is not enough alternatives that are worth a shit. Graphistry, when I left was able to do half a billion nodes all memory resident in the browser? Our goal was a billion. I'm not sure what it can do now but it has UMAP and some other very fancy features.

Here's a stupid unmaintained thing I made that got me the job at Graphistry. I did not build the graph vis engine, but I did write the procedural color lib.

https://github.com/millerhooks/graphterm

• vis-network

  2 2,835 9.0 JavaScript

  :dizzy: Display dynamic, automatically organised, customizable network views.

  

I'm currently using vis-network [1] as the graph display for a Fraud analysis UI. Cosmos looked really good when I checked it but as you very well mention it wasn't able to style vertices with different images/icons and not sure if it was able to style edges color and width. All of this is heavily used in my use case. Hopefully it gets these features as it matures

[1] https://github.com/visjs/vis-network

• vis

  1 7,964 0.0 JavaScript

* Renderer is pretty much influenced by vis-network, using similar style mechanism and canvas drawing capabilities (we credited vis-network in our code for those sections)

[1] https://github.com/almende/vis/issues/4259#issue-412107497

• d3-force

  12 1,742 3.4 JavaScript

  Force-directed graph layout using velocity Verlet integration.

  

Suggest a related project