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

71–80 of 101 posts

Re: Natto.dev – A Canvas for JavaScript

#71

Post by fwip »

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.

Re: Natto.dev – A Canvas for JavaScript

#72

Post by verifex »

I've seen a number of tools like this recently, and I was wondering if there is a moniker for this type of tool? I saw one a few weeks ago that was all about JS widgets with code that you could tie together in pipelines. I remember Yahoo Pipes was a version of this tool, Node Red, there are a ton of them out there. Anyone have a name for this category of tool so I can look out for them when I see them?

Re: Natto.dev – A Canvas for JavaScript

#73

Post by high_byte »

verifex wrote: post #72

I've seen a number of tools like this recently, and I was wondering if there is a moniker for this type of tool? I saw one a few weeks ago that was all about JS widgets with code that you could tie together in pipelines. I remember Yahoo Pipes was a version of this tool, Node Red, there are a ton of them out there. Anyone have a name for this category of tool so I can look out for them when I see them?

"Visual Scripting" perhaps. someone else mentioned "flow-based programming (FBP)"

Re: Natto.dev – A Canvas for JavaScript

#75

Post by paulshen »

verifex wrote: post #70

I really like how it looks. Here's my only ideas for improving it: * Some navigation buttons for zooming and panning quickly, maybe the mousewheel or a minimap? * I like how you can drag arrows around to different windows, I think the icon there isn't super intuitive but that's a minor gripe! :) I think one of the examples is broken, but dang you should add more examples, I like this kind of tool!

Thanks for feedback!

Mousewheel should pan! You can hold down spacebar to pan anywhere (also dragging). Clicking the 100% in the toolbar lets you zoom. Some more shortcuts here https://twitter.com/_paulshen/status/1381744260945379331

Which example isn't working for you? and I plan to add more examples (maybe community?) and interactive tutorial in the future!

Re: Natto.dev – A Canvas for JavaScript

#76

Post by mtm7 »

One thing I really appreciate about this is the design! It feels so calm and friendly – like a lot of care went into it.

I love how everything snaps to the grid, and that it's achieved via CSS transforms.

Re: Natto.dev – A Canvas for JavaScript

#77

Post by varispeed »

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?

Re: Natto.dev – A Canvas for JavaScript

#78

Post by FpUser »

sensanaty wrote: post #68
FpUser wrote: post #30

Earlier quoted context omitted.

Not to condone but I never rely on back button when using references in context of some longer material I am currently reading. I always right click and open in new window. So to me the problem mostly mute.

Fun fact, middle clicks and ctrl+left click will also open links in a new tab!

Aware of that. Ctrl however makes me move my other hand and I am a lazy fart. Middle click requires significant effort on my mouse.

Re: Natto.dev – A Canvas for JavaScript

#80

Post by verifex »

paulshen wrote: post #75
verifex wrote: post #70

I really like how it looks. Here's my only ideas for improving it: * Some navigation buttons for zooming and panning quickly, maybe the mousewheel or a minimap? * I like how you can drag arrows around to different windows, I think the icon there isn't super intuitive but that's a minor gripe! :) I think one of the examples is broken, but dang you should add more examples, I like this kind of tool!

Thanks for feedback! Mousewheel should pan! You can hold down spacebar to pan anywhere (also dragging). Clicking the 100% in the toolbar lets you zoom. Some more shortcuts here https://twitter.com/_paulshen/status/1381744260945379331 Which example isn't working for you? and I plan to add more examples (maybe community?) and interactive tutorial in the future!

The spotify example didn't work for me. Oh man, I just noticed the zoom button at the top, silly me! :D
Post reply on HN