Show HN: Direct manipulation flowchart editor without the mouse

54 points

5 years ago

Hey HN, I made this because I wanted a fast editing experience when making flowcharts. Other tools (bottom)require clicking and dragging (or editing code). Knotend is keyboard centric and is supposed to feel more like editing a doc than dragging around boxes and arrows.

I've tested in on safari and chrome desktop. Its difficult to use on mobile but you can view existing charts.

I'd appreciate your feedback on how you use it, the design, any bugs etc. Thank you.

Prior art

- https://mermaid-js.github.io/

- Confluence (Atlassian)

- draw.io

- excalidraw

EDIT: fixed the bug on Safari with escape clobbering edited text

19 comments