Diagramming modeling tools

bpmn-js is a browser-based BPMN 2.0 web modeler and rendering engine used for creating, editing, and visualizing business process models. It functions as an XML process modeler that parses BPMN 2.0 XML data into interactive visual diagrams within a web application. The project distinguishes itself as a business process visualizer with capabilities for process flow simulation, which tracks token movement to mimic real-time execution. It also supports diagram version comparison to identify changes between model iterations and provides a layered overlay interface for binding metadata and custom

LogicFlow is an SVG-based flowchart editing framework and visual graph editor used for building customizable business process diagrams. It serves as a customizable diagramming engine for rendering business process models, entity relationship diagrams, and unified modeling language charts. The system is characterized by a plugin-based architecture that allows developers to define specialized graphical elements and register pluggable modules. A distinctive feature is its overlay system, which positions standard HTML components on top of the SVG canvas to create interactive menus and control pan

drawio is a web-based diagramming tool and cross-platform visual designer used for creating flowcharts, network maps, and technical schemas. It functions as a vector graphics editor and an XML-based diagramming engine that allows users to design and export scalable graphics. The software supports a wide range of technical design tasks, including infrastructure mapping for server layouts and the creation of visual aids for technical documentation. It enables the import of diagram files from other tools to facilitate cross-tool migration.

This project is a cross-platform desktop application designed for creating, editing, and managing structured diagrams and technical workflows. It provides a visual modeling environment that allows users to construct complex charts through a drag-and-drop interface, supporting the documentation of processes, software architectures, and system flows. The application distinguishes itself by utilizing a layered canvas composition that enables independent manipulation of diagram components, paired with a keyboard-driven workflow that minimizes mouse reliance. It employs scalable vector graphics fo

This project is a visual diagramming tool and integration for VS Code that allows users to create and edit Draw.io files directly within their workspace. It provides a graphical interface for building architecture diagrams and flowcharts using XML, SVG, and PNG formats. The extension includes a code-to-diagram navigator that links visual nodes to specific files and symbols in the codebase. It also features a collaborative editing environment with synchronized cursors for brainstorming and an offline interface that maintains full functionality without an internet connection. The toolset cover

DrawDB is a browser-based visual database modeler designed for creating, organizing, and documenting relational database schemas. It provides an interactive interface for drag-and-drop entity relationship mapping, allowing users to plan and visualize complex data architectures through a centralized workspace. The platform distinguishes itself by enabling real-time collaborative design, allowing teams to iterate on schemas while maintaining a single source of truth. It functions entirely on the client side, utilizing local memory for state management and saving data directly to the local file

Fireworks Tech Graph is a tool that generates SVG and PNG technical diagrams from natural language descriptions, supporting both English and Chinese input. It produces publication-quality diagrams for AI architectures, UML types, and other technical domains without requiring manual drawing or diagramming syntax. The tool distinguishes itself through a semantic shape vocabulary and arrow-based flow encoding that conveys component roles and data flow types through consistent geometric shapes, stroke widths, dash patterns, and colors rather than relying on textual labels. It renders the same dia

This project is a client-side rendering engine that transforms declarative, text-based syntax into visual diagrams directly within the browser. By utilizing a domain-specific language, it allows users to define complex structures—such as software architectures, process flows, and system behaviors—without the need for manual layout configuration. The library functions as a browser-based runtime that parses these definitions into intermediate abstract syntax trees, which are then processed by specialized engines to generate high-fidelity, resolution-independent graphics. The system distinguishe

ChartDB is a database schema visualizer and entity-relationship diagramming platform designed to help developers understand, design, and document complex data architectures. It functions as a visual workspace where users can create and modify database schemas, define table attributes, and map foreign key relationships. By parsing database metadata or SQL scripts, the tool generates interactive diagrams that provide a clear overview of structural interdependencies and data associations. The platform distinguishes itself through its focus on automated documentation and schema synchronization. I

js-sequence-diagrams is a JavaScript library used to generate SVG sequence diagrams from plain text descriptions. It functions as a text-to-diagram tool that transforms structured textual input into scalable vector graphics to represent system interaction flows. The library provides capabilities for system workflow visualization and technical documentation automation. It maps the communication between different components or services by converting text into visual representations of logic flows. The tool includes support for custom typeface loading to change the visual style and lettering of