We need a flowchart editor that doesn't give you carpal tunnel

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

SurveyJS - JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.
surveyjs.io
featured
Stream - Scalable APIs for Chat, Feeds, Moderation, & Video.
Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.
getstream.io
featured
  1. mermaid

    Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.

    SurveyJS logo
  3. GraphvizOnline

    Let's Graphviz it online

    +1 for arrows. Since the edges are directed I like the option (maybe default?) to render the edges as arrows. The flows just reads better in that way.

    It is a very nice tool with a lot of potential. At the moment I use tools like https://dreampuf.github.io/GraphvizOnline, knotend just adds the missing gui for editing with drag/drop and easy keyboard interaction. With arrow rendering as option and some basic way of styling (changing the background color is good enough for me, to distinguish different types of nodes) this can become my default tool for documenting flows.

    The dot file import and svg/dot file/mermaid export as very useful for creating flows, including the svg/mermaid in documentation files and using the dot file for archiving / future changes.

  4. flowchart-fun

    Easily generate flowcharts and diagrams from text ⿻

  5. drakon_editor

    DRAKON Editor

  6. drakonhub

    The source code for DrakonHub

  7. drakon.tech

    Drakon.Tech is an IDE based on the DRAKON visual language

  8. diagrams

    :art: Diagram as Code for prototyping cloud system architectures

  9. Stream

    Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.

    Stream logo
  10. foss-acronyms

    List of abbreviations used within the FOSS community, and their definitions and usages.

    Thanks. I open an issue in the list of acronyms I maintained: https://github.com/d-edge/foss-acronyms/issues/55

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • TIL: Diagrams as Python Code

    1 project | dev.to | 27 May 2025
  • [Practical] Create a Dynamic Infographic in 10 Minutes

    1 project | dev.to | 5 Mar 2025
  • System Design for DevOps Engineers

    1 project | dev.to | 26 Feb 2025
  • Code Your Diagrams: Automate Architecture with Python's Diagrams Library

    2 projects | dev.to | 5 Jan 2025
  • Create Architecture Diagram as Code for a 2-Tier Bookstore Application

    2 projects | dev.to | 9 Jul 2024

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?