Master Business Flowchart Design with LogicFlow: A Powerful Open‑Source Front‑End Framework

LogicFlow, an open‑source TypeScript‑based flowchart editor from Didi, offers high customizability, rich interactions, plugin extensions, and a browser‑side execution engine, enabling developers to quickly integrate diverse diagram types—such as flowcharts, mind maps, ER and UML—into business applications, with simple npm installation and comprehensive examples.

FlowchartLogicFlowTypeScript

0 likes · 6 min read

Master Business Flowchart Design with LogicFlow: A Powerful Open‑Source Front‑End Framework

Rare Earth Juejin Tech Community

Dec 4, 2024 · Frontend Development

Customizing Edges in LogicFlow: From BaseEdge to Animated SVG Edges

This article explains the role of edges in LogicFlow diagrams, details the BaseEdge model and its properties and methods, describes built‑in straight, polyline and curve edges, and provides step‑by‑step code for creating custom animated edges with gradient and shadow effects.

Edge CustomizationJavaScriptLogicFlow

0 likes · 10 min read

Customizing Edges in LogicFlow: From BaseEdge to Animated SVG Edges

Programmer DD

Sep 2, 2023 · Frontend Development

Create Interactive Flowcharts Fast with LogicFlow – A Quick Start Guide

This article introduces LogicFlow, an open‑source JavaScript framework for building interactive flowcharts, ER diagrams, and BPMN processes, and provides a concise two‑step quick‑start guide—including CDN and npm installation and a complete example code—to help developers integrate flexible diagramming into their applications.

FlowchartJavaScriptLogicFlow

0 likes · 5 min read

Create Interactive Flowcharts Fast with LogicFlow – A Quick Start Guide

Didi Tech

Aug 15, 2023 · Frontend Development

Page Logic Orchestration with LogicFlow: Solving Low‑Code Expansion Challenges

Page Logic Orchestration with LogicFlow solves low‑code expansion challenges by replacing rigid zero‑code property panels with a visual workflow editor that lets operators compose, debug, and execute flexible page logic using custom nodes, parallel execution, and repeatable flows, reducing development cost and complexity.

EngineLogicFlowVisual Programming

0 likes · 13 min read

Page Logic Orchestration with LogicFlow: Solving Low‑Code Expansion Challenges

Didi Tech

Feb 25, 2021 · Frontend Development

Why LogicFlow Is the Ideal Front-End Framework for Flowchart Visualization

LogicFlow, born from DiDi's intelligent middle‑platform, provides a flexible, SVG‑based flowchart editor with rich APIs, MVVM architecture, and extensibility that lets front‑end developers quickly build and customize workflow visualizations while outperforming competing libraries in rendering speed.

ExtensionFlowchartLogicFlow

0 likes · 17 min read

Why LogicFlow Is the Ideal Front-End Framework for Flowchart Visualization