1

I am trying to create data visualization UI ( flowchart with nodes and edges ) on a react application that looks like the screenshot below. I am currently using Reactflow library . But due to the limitation in the number of nodes (limit is 100 nodes) that we can render, I am migrating to another library which can support up to 1000~5000 nodes. I was wondering if there is any flowchart libraries that we can use!

Here are the requirements

  • Render at least 1000 nodes. (5000 would be more than safe for now)
  • Good Layout(such as hierarchical layout using dagre or elkjs) the nodes and edges ( better if it provides fine tuning through parameters and variety of layouts)
  • User interactions available(pan, zoom, node selection, node editing etc)
  • Group nodes into parent and children relationship and collapse/expand the children of a parent

Data visualization

Promila Ghosh
  • 389
  • 4
  • 12
Jiun Kim
  • 11
  • 3
  • This will likely be closed, because it is asking for a recommendation. Still, if the number of nodes is important to you, here is a library with the best layouts available that can render several millions of nodes if your GPU isn't from the last century :-) https://www.yworks.com/pages/react-graph-component – Sebastian Jun 25 '22 at 10:50
  • Thanks for the heads up. This library seems to be quite expensive from our perspective. But thanks of the suggestion. I had no idea such a performative library with diverse functionalities existed. It's definitely good to know. – Jiun Kim Jun 28 '22 at 21:28
  • Hey, @JiunKim I am planning to use ReactFlow library but I am not seeing any limitation on the node number in their documentation. Is it something stated somewhere or is it your experience? (I mean the limit of 100 nodes) – Alper Jan 12 '23 at 05:41

0 Answers0