4 ms·

First thing I noticed was the awesome node ui and went to your package.json to see what library you used... nope, you made your own, lol. Awesome! I've been loo

First thing I noticed was the awesome node ui and went to your package.json to see what library you used... nope, you made your own, lol. Awesome! I've been looking for a good react/js node-graph library with a lot of customization around nodes/edges and good hierarchical auto-layout and the best I've found so far is https://reactflow.dev/ https://reactflow.dev/ but some of the features I need are behind a pro-license. I hadn't considered trying to write my own, it doesn't seem like a trivial task, lol. Anyway, awesome work on this app!

Blahah 4y ago
https://x6.antv.vision/ https://x6.antv.vision/ is the best I've found, but some of the docs still need the English improved.
programmarchy 4y ago
I've been on the prowl for libraries like this, too. https://rete.js.org https://rete.js.org also looked pretty good.
jimfx 4y ago
Thank you! It was definitely not a rational decision implementing my own node system, but I wanted to explore how they work and what challenges there are to solve. The most difficult thing was definitely the positioning of the connections and the scaling/transforming and converting between global coordinates and local coordinates. Would recommend trying it though, it was a lot of fun!
- WalterGR 4y ago
  Did you evaluate libraries before you decided to build your own? I'm curious what you found.
  - jimfx 4y ago
    I looked shortly at Rete.js but for some reason it did not immediately click for me? And I was already thinking about how to implement it myself, so I just did that.
    - WalterGR 4y ago
      Cool. Looks great!
WalterGR 4y ago
> nope, you made your own The author calls it Nodesystem. The code is here: https://github.com/jim-fx/plantarium/tree/main/packages/nodesystem https://github.com/jim-fx/plantarium/tree/main/packages/node... (I went looking for the code so I thought I'd share this.)
- jimfx 4y ago
  I am very creative in naming!

Blahah 4y ago

https://x6.antv.vision/ https://x6.antv.vision/ is the best I've found, but some of the docs still need the English improved.

programmarchy 4y ago

I've been on the prowl for libraries like this, too. https://rete.js.org https://rete.js.org also looked pretty good.

jimfx 4y ago

Thank you! It was definitely not a rational decision implementing my own node system, but I wanted to explore how they work and what challenges there are to solve. The most difficult thing was definitely the positioning of the connections and the scaling/transforming and converting between global coordinates and local coordinates. Would recommend trying it though, it was a lot of fun!

WalterGR 4y ago
Did you evaluate libraries before you decided to build your own? I'm curious what you found.
- jimfx 4y ago
  I looked shortly at Rete.js but for some reason it did not immediately click for me? And I was already thinking about how to implement it myself, so I just did that.
  - WalterGR 4y ago
    Cool. Looks great!

WalterGR 4y ago

> nope, you made your own The author calls it Nodesystem. The code is here: https://github.com/jim-fx/plantarium/tree/main/packages/nodesystem https://github.com/jim-fx/plantarium/tree/main/packages/node... (I went looking for the code so I thought I'd share this.)

jimfx 4y ago
I am very creative in naming!