HNHacker News
TopNewBestAskShowJobs

escot

2,332 karma · joined October 8, 2013

Building a keyboard driven flowchart editor: https://knotend.com

https://www.scottantipa.com

twitter.com/ScottyAntipa

scott@scottantipa.com

submissionscomments
escot··on We need a flowchart editor that doesn't give you carpal tunnel
I’m still playing around with allowing the keyboard shortcuts to take effect even when editing a node. At the moment they conflict, like the option- prefixed ones. But I agree it could be nice to find a fluid way of doing it because it means fewer keystrokes.
escot··on We need a flowchart editor that doesn't give you carpal tunnel
In terms of the lines crossing, you’re right I have to work on the algo. It’s just not been something I prioritized because its not often a problem until you get into larger graphs.

I’d like to avoid manual layout because I haven’t found a way to support that without sacrificing speed. But I dont disagree it would be nice if theres a clever way to do it.

escot··on We need a flowchart editor that doesn't give you carpal tunnel
I could see adding support for exporting to csv. I’ll if there are any standards to follow.
escot··on We need a flowchart editor that doesn't give you carpal tunnel
Added you. Look for an email from scott@knotend.com
escot··on We need a flowchart editor that doesn't give you carpal tunnel
Thanks! fixed.
escot··on We need a flowchart editor that doesn't give you carpal tunnel
> grid provides keyboard nav

Yep thats a critical piece

escot··on We need a flowchart editor that doesn't give you carpal tunnel
Post your side project!
escot··on We need a flowchart editor that doesn't give you carpal tunnel
Checkout the 'Examples' in the top menu.
escot··on We need a flowchart editor that doesn't give you carpal tunnel
I'm happy to hear it, let me know how it goes!
escot··on We need a flowchart editor that doesn't give you carpal tunnel
Absolutely. Most traffic today will be from HN so I'll give preference if you join yesterday/today:

https://www.knotend.com/waitlist

escot··on We need a flowchart editor that doesn't give you carpal tunnel
Arrows will come. Shapes I'm still figuring out because I don't want it to interfere with the keyboard-centric ux it has right now. It helps to have all nodes be the same shape/size. But there may be some wiggle room to add simple shapes, like rects with a corner taken out etc.
escot··on We need a flowchart editor that doesn't give you carpal tunnel
This is exactly how I prototyped knotend. For some use cases just a spreadsheet is great.
escot··on We need a flowchart editor that doesn't give you carpal tunnel
I agree, it's needed. It is one of several reasons that I need to rewrite the layout algo for both better positioning of nodes and edges (which makes drawing the arrow heads simpler since they won't overlap each other). In terms of back/forwards arrows -- the lines should be rendered differently if they are going from right to left (with a dashed line).
escot··on We need a flowchart editor that doesn't give you carpal tunnel
Thank you! I made a mistake here by making the keyboard shortcuts a little too sparse on info. I like how some other tools show a little visualization of the key + words describing it. I'll work on it.
escot··on We need a flowchart editor that doesn't give you carpal tunnel
I agree there's no one tool for all possible diagramming cases. Knotend actually isn't geared towards making highly pretty graphs since it uses autolayout. It's specifically for fast editing of a structured graph. For example there's no way to have a dangling edge to nowhere. I personally like this because it was the main pain point I felt with miro, lucid, etc. and I want to continue down the path of what we can do if we have a super fast editing experience for structured directed graphs (eg, could you export this to another tool that consumes it and does some computation).
escot··on We need a flowchart editor that doesn't give you carpal tunnel
Thanks. If you have any more specifics on accessibility I'd appreciate it. I'd like knotend to be usable 100% from the keyboard, and eventually via screen reader.
escot··on We need a flowchart editor that doesn't give you carpal tunnel
I tried to not override default behavior as much as possible. Maybe I can find a way around this one too. I just found that people naturally right clicked on nodes to do various actions because they're used to doing it in google sheets, docs, etc.
escot··on We need a flowchart editor that doesn't give you carpal tunnel
I'd like to support vertical layout, I just found for most the initial use cases that horizontal was the most intuitive. I find that its nice to have child nodes be left aligned with the horizontal layout so you can quickly read them top to bottom. But I know a lot of interesting tools do vertical layout for the reasons you mention.
escot··on We need a flowchart editor that doesn't give you carpal tunnel
Right now its geared towards right-to-left directed graphs. Probably because most of my use cases have to do with time (like project timelines). So the state machine you mention towards the end isn't an immediate goal because a) it probably needs nested states, and b) it probably has tons of cycles which knotend doesn't do great at the moment.
escot··on We need a flowchart editor that doesn't give you carpal tunnel
Thanks!

> A keyboard shortcut to bring up the right click/edit menu.

Ya that would be cool

> pick nodes that not right next to each other and or delete connections

If you right click on a connection (line) you can delete it. You can also cmd+click to expand the selection to multiple non-adjacent nodes.

> a way to search in the graph

Ya that will be necessary once these graphs get huge. I'd like to do a search-to-scroll feature where you can jump to nodes that match.

escot··on We need a flowchart editor that doesn't give you carpal tunnel
I'd like to add some kind of computational support, and you're right that probability fits pretty naturally. Do you know of any other tools I can take hints from? Or any domains/disciplines that need this?
escot··on We need a flowchart editor that doesn't give you carpal tunnel
Hey all, author here. Graphs are used for tons of purposes across a lot of disciplines, but we don't have a fast general-purpose graph editor. That's what I'm trying to do with knotend [0]. It's a keyboard-driven directed graph editor. I made it for myself for planning project dependencies. It's also a great tree editor.

I actually posted a very early version as a Show HN [1] which you can see was mostly met with question marks, and rightfully so. It was literally a grid, with the gridlines rendered, and had very cryptic keyboard shortcuts. I've spent the last year just working on the UX, to make an intuitive and fast editing experience.

I'd love more feedback especially about any UX issues. It's free to use the purely client side version, and you can join the waitlist [2] if you want a user account to persist graphs to the backend (I'm slowly onboarding people).

- [0] https://www.knotend.com

- [1] https://news.ycombinator.com/item?id=27256861

- [2] https://www.knotend.com/waitlist

escot··on Show HN: A game fully contained in a link
Thanks! I think the ability to pause is a great idea.
escot··on Show HN: Memlink, a self-contained web page in a link
Small thing, your page hijacks history so you can’t navigate back. Im guessing this happens because you update the url by pushing to history on page load.
escot··on Ask HN: Do you use an optimization solver? Which one? Do you like it?
CPLEX (by IBM). The documentation can be a bit thin sometimes. But its fast. Most benchmarks place it ahead of the google cloud products.

For fun I made this Golomb ruler solver using cplex: https://github.com/strateos/golomb-solver

escot··on Elon Musk makes $43B unsolicited bid to take Twitter private
Shorts are forced to cover so they have to go out in the market and buy. So effectively they lose their money.

I made a video about some possible outcomes: https://www.youtube.com/watch?v=LYFqQ6yk9vs

escot··on The Uber Bubble
I always thought Uber Pool was their main advantage over traditional cabs that couldnt coordinate sharing rides with multiple users. It was an actual productivity gain, like the article complains about them not having.

I remember getting across SF for 3 bucks. I think it only shut down because of covid, so if they restart the program it could make them more interesting than paying for the whole route.

escot··on Moreutils: A collection of Unix tools that nobody thought to write long ago
Using `vipe` you can do things like:

   $ pbpaste | vipe | pbcopy
Which will open your editor so you can edit whatever is in your clipboard.
escot··on Neovim 0.7 Released
Purpose built tools like jet brains IDEs are super nice. What I like about an OSS terminal based editor is that all of the languages, frameworks, etc you listed above may change in the next 10 years. Or 5 years. And again that many times during my career. I'd rather not have to retool each time that happens. I like being able to jump into some area thats new to me, like data science or graphics, and have my existing tools just work (other than proprietary stuff like iOS dev).
escot··on Elon Musk makes $43B unsolicited bid to take Twitter private
Yes. Specifically, your shares will just turn into cash in your brokerage account. You don't need to initiate a sale.

Note that this happens even if you're going to lose money on your investment.

← PreviousPage 3 of 7Next →