Hacker News new | ask | show | jobs
by jamesmcintyre 1489 days ago
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/ 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!
4 comments

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!

Did you evaluate libraries before you decided to build your own? I'm curious what you found.
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.
Cool. Looks great!
> nope, you made your own

The author calls it Nodesystem. The code is here:

https://github.com/jim-fx/plantarium/tree/main/packages/node...

(I went looking for the code so I thought I'd share this.)

I am very creative in naming!
https://x6.antv.vision/ is the best I've found, but some of the docs still need the English improved.
I've been on the prowl for libraries like this, too. https://rete.js.org also looked pretty good.