# Flowchart2Mermaid: A Vision-Language Model Powered System for Converting Flowcharts into Editable Diagram Code Source: [Flowchart2Mermaid: A Vision-Language Model Powered System for Converting Flowcharts into Editable Diagram Code]() Collection index: [llms.txt]() Data updated: 2025-12-05T05:03:13.504Z Authors: Pritam Deka, Barry Devereux Published: 2025-12-01T20:07:59.000Z ## Abstract Flowcharts are common tools for communicating processes but are often shared as static images that cannot be easily edited or reused. We present Flowchart2Mermaid, a lightweight web system that converts flowchart images into editable Mermaid.js code which is a markup language for visual workflows, using a detailed system prompt and vision-language models. The interface supports mixed-initiative refinement through inline text editing, drag-and-drop node insertion, and natural-language commands interpreted by an integrated AI assistant. Unlike prior image-to-diagram tools, our approach produces a structured, version-controllable textual representation that remains synchronized with the rendered diagram. We further introduce evaluation metrics to assess structural accuracy, flow correctness, syntax validity, and completeness across multiple models. ## Recorded benchmark results A research result applies to its stated dataset, split, metric and evaluation configuration. Compare like-for-like settings, preserve the metric's unit and direction, and distinguish paper-reported results from independent reproduction. The best result recorded here is not a claim of exhaustive, current global coverage. - [Flowchart to Mermaid code translation on FLOWVQA (test)](): Flowchart to Mermaid code translation; FLOWVQA (test); Entity Precision: 98.6. - [Flowchart-to-Mermaid translation on FLOWVQA subset](): flowchart-to-Mermaid translation; FLOWVQA subset; SA: 98.8. ## Original sources and implementation [Original paper]() [PDF]()