LogicFlow

LogicFlow is a JavaScript library for building interactive diagram editors inside web applications. It was created by DiDi, the Chinese ride-hailing company, for use in their internal business tools, and later open-sourced. The library handles the canvas, nodes, edges, drag-and-drop, and connection logic that diagrams need, so developers do not have to build all of that from scratch.

The README is written primarily in Chinese, but the core description covers the following capabilities: a visual canvas where users can create and edit diagrams by interacting with shapes and connectors; customizable nodes and connectors so developers can adapt the look and behavior to their specific product; a plugin system for adding features beyond the defaults; and a built-in execution engine that can run flowchart logic directly in the browser without sending it to a server first. The library also supports converting its internal data format to and from BPMN (a standard format for business process diagrams) and other backend formats.

Typical use cases mentioned in the description include flowcharts, mind maps, entity-relationship diagrams, UML diagrams, and workflow editors. It is installed as an npm package with two main parts: the core rendering engine and an extensions package for additional built-in plugins.

The project also ships its documentation files inside the npm package itself, which allows AI coding tools to read the docs locally when helping developers build features. LogicFlow is licensed under Apache 2.0.