For an open source tool for diagramming models, the strongest matches are bpmn-io/bpmn-js (bpmn-js is a dedicated BPMN 2), didi/logicflow (LogicFlow is an SVG-based diagramming framework that explicitly supports) and jgraph/drawio (drawio is a general-purpose diagramming tool that supports many). jgraph/drawio-desktop and hediet/vscode-drawio round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.
استكشف أفضل أدوات الرسم التخطيطي والنمذجة مفتوحة المصدر. قارن بين أفضل المشاريع حسب الميزات والنشاط للعثور على الخيار الأنسب لسير عملك.
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
bpmn-js is a dedicated BPMN 2.0 web modeler with a drag-and-drop editor and SVG rendering — it perfectly fits the BPMN side of your search but does not support UML or ERD diagrams.
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
LogicFlow is an SVG-based diagramming framework that explicitly supports UML, BPMN, and ERD diagrams through its plugin architecture, matching your need for a modeling diagram editor—though it is a library for building editors rather than a standalone tool and does not include code generation.
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.
drawio is a general-purpose diagramming tool that supports many formal notations through its shape libraries and flexible editor, making it a genuine fit for UML, BPMN, and ERD creation, though it does not include built-in code generation and is not specialised exclusively for formal modeling standards.
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
draw.io Desktop is a mature drag-and-drop diagram editor supporting UML, BPMN, and ERD with SVG export, fitting the modeling editor category, though it does not generate code from diagrams.
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
This VS Code extension brings the full Draw.io diagramming engine into your editor, supporting formal modeling standards like UML, BPMN, and ERD along with drag‑and‑drop editing and export to SVG/PNG, though it does not include code generation from diagrams.
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
DrawDB is a browser-based ERD diagram editor with drag-and-drop and SVG export, so it fits the modeling diagram editor category for ERD schemas, but it does not support UML or BPMN diagrams.