Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Natto.dev – A Canvas for JavaScript

natto.dev

Post reply on HN
Print view View original

81–90 of 101 posts

Re: Natto.dev – A Canvas for JavaScript

#81

Post by lattay »

varispeed wrote: post #77

This fascinates me. I cannot use such layout, graphs etc. I can only analyse something if it is in a list - even if it is a complex algorithm - I will understand it fine. If it was exploded to a graph there is no way I'll get it. That leads me to a question - do you find yourself naturally understanding the information in a graph format and not getting lists or is it something that you learn to make sense of?

You might be based by the fact you learned programming and the associated ”linear" thinking a long time ago... I am not very efficient reasoning on graphs, but I remember how HARD it was when I started programming and this does not seem even close.

Re: Natto.dev – A Canvas for JavaScript

#85

Post by toastercat »

paulshen wrote: post #44

Hi all! Developer here before first coffee I'm actively working on natto.dev and it really is in "preview". I'm excited about the future of programming and having a canvas to explore it on. still looking for "crazier" ideas - my favorite current one is dragging a column out of a table. https://twitter.com/_paulshen/status/1366801887341649924 The more I work on it, the more confident I am that there's something there.…

Great work! Question -- I love the grid/layout system you have. I'm wondering if there is an open-source library that helped you enable this? I'd like to use something similar for a personal tool. :) Thank you.

Re: Natto.dev – A Canvas for JavaScript

#88

Post by paulshen »

toastercat wrote: post #85
paulshen wrote: post #44

Hi all! Developer here before first coffee I'm actively working on natto.dev and it really is in "preview". I'm excited about the future of programming and having a canvas to explore it on. still looking for "crazier" ideas - my favorite current one is dragging a column out of a table. https://twitter.com/_paulshen/status/1366801887341649924 The more I work on it, the more confident I am that there's something there.…

Great work! Question -- I love the grid/layout system you have. I'm wondering if there is an open-source library that helped you enable this? I'd like to use something similar for a personal tool. :) Thank you.

Thanks! I'm using plain React. I have a React onMouseDown React listener that attaches mousemove/mouseup listeners on the window. I round the numbers to the grid.

I've seen https://reactflow.dev/ but haven't used it myself. The core drag interaction is not much code but feel free to reach out on twitter. happy to share more!

Re: Natto.dev – A Canvas for JavaScript

#89

Post by paulshen »

fwip wrote: post #71
paulshen wrote: post #44

Hi all! Developer here before first coffee I'm actively working on natto.dev and it really is in "preview". I'm excited about the future of programming and having a canvas to explore it on. still looking for "crazier" ideas - my favorite current one is dragging a column out of a table. https://twitter.com/_paulshen/status/1366801887341649924 The more I work on it, the more confident I am that there's something there.…

This is super cool :) It seems a little tough to visualize "flow" at first glance - some optional animations might be handy? e.g: when data comes in, animate a little bubble moving along the path, or little conveyor-belt style animations. An undo/redo feature (or more complex version control) would also be appreciated, I deleted a node and couldn't find a clear way to restore it.

I've wondered what a factorio coding interface would look like.. would love to see it.

Agree about undo/redo! on the todo list.

Post reply on HN