Awesome GitHub RepositoriesDiagramming Tools

This project is a virtual whiteboard component and vector graphics editor designed for creating diagrams with a hand-drawn aesthetic. It provides a canvas-based drawing engine that can be embedded directly into web applications, allowing users to manipulate shapes, upload images, and export visual data into standard formats like PNG, SVG, or JSON. The platform distinguishes itself through a real-time synchronization layer that supports multi-user collaboration across distributed environments. This engine utilizes end-to-end encryption to secure shared sessions and employs a local-first data p

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

This project is a browser-based collaborative design platform that provides a comprehensive workspace for interface design, interactive prototyping, and design system management. It functions as a vector graphics editor that enables teams to create, manage, and iterate on designs in real-time, utilizing a component-based inheritance model to ensure consistency across complex projects. The platform distinguishes itself through a deep integration of design and development workflows. It features a specialized developer handoff workspace that allows for the inspection of design properties, precis

This project is a programmable, high-performance drawing engine designed for building collaborative whiteboards, diagramming tools, and infinite canvas applications. It provides a reactive graphics runtime that manages complex canvas interactions, viewport animations, and input handling through a unified signal-based API. The framework is built on a schema-driven data store that maintains application state in a strictly typed, centralized record system, enabling efficient UI updates and persistent data management. The engine distinguishes itself through a highly modular architecture that supp

This project is a React-based framework for constructing interactive, node-based visual interfaces. It provides a platform for building canvases where users define, connect, and organize logical processes, data pipelines, or complex workflows through a graphical interface. By utilizing a modular component architecture, it enables the development of low-code environments, visual programming tools, and interactive diagramming applications. The framework distinguishes itself through a declarative approach where state changes automatically synchronize with the visual representation of nodes and e

This project is a diagram-as-code tool that transforms declarative text scripts into professional visual representations. It functions as a technical documentation generator, allowing users to define nodes, connections, and hierarchical relationships through a domain-specific modeling language that integrates directly into version-controlled developer workflows. The tool distinguishes itself through a highly modular architecture that decouples diagram definitions from spatial positioning. It features a pluggable layout engine that supports multiple arrangement algorithms, alongside a styling

react-diagrams 是一个用于在 React 应用程序中构建交互式节点链接图和可视化图表的框架。它充当交互式图表可视化工具和可视化工作流设计器，提供了一个用于渲染可操作的连接节点画布的系统。 该库的独特之处在于它能够充当可序列化的状态图管理器，将复杂的节点布局和连接状态转换为可存储的数据格式以实现会话持久化。它进一步允许自定义行为扩展以修改核心逻辑，并允许通过模块实现特定于项目的业务功能。 该系统涵盖了广泛的图表和可视化功能，包括视口平移、缩放和拖放元素操作。它处理自动链接路由以防止视觉重叠，并提供用于自定义元素样式和层管理的工具以控制渲染顺序。

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.

Asciiflow is a browser-based tool for creating text-based diagrams using keyboard characters. It functions as an ASCII diagram editor, enabling users to draw directly in the browser by typing characters onto a grid. The editor stores diagrams as a 2D character grid, allowing for precise row and column operations during drawing and editing. It renders these characters onto an HTML5 canvas for efficient pixel-level display, and supports a keyboard-driven input model that translates keystrokes into diagram elements without requiring a mouse. The tool includes an undo/redo command stack for rever

Joint 是一个用于构建交互式可视化图表和流程图的 JavaScript 库，基于可缩放矢量图形（SVG）。它提供了一个可编程环境，用于创建支持缩放、平移和触摸手势控制的交互式 SVG 画布。 该框架包含一个组件系统，用于在基于矢量的坐标系中定义自定义形状和编程元素。它具有用于保存和加载图表状态的 JSON 序列化功能，以及用于渲染节点和连线的自动布局算法和关系映射。 该库涵盖了广泛的绘图功能，包括嵌套元素的层级结构管理、具有可自定义箭头的路径连线路由，以及事件驱动的交互系统。它还包括用于图数据遍历和自动元素排列的工具，以优化视觉清晰度。

DBML is a domain-specific language and schema definition language used for documenting database architecture and design. It provides a human-readable text format for defining database tables, columns, and relationships in a standardized way. The project functions as a relational schema parser and SQL schema generator. It transforms declarative design specifications into an abstract syntax tree for programmatic manipulation and converts these definitions into executable SQL statements across various database dialects. The system covers relational data modeling, database schema design, and arc

Online Mindmapping Software

An open source, offline capable, mind mapping application leveraging HTML5 technologies

Graph and network visualization using tabular data in R

status](https://www.r-pkg.org/badges/version/nomnoml)](https://CRAN.R-project.org/package=nomnoml) downloads](https://cranlogs.r-pkg.org/badges/nomnoml)](https://www.r-pkg.org/pkg/nomnoml)…

Open source library to build highly customazible interactive React diagrams with easy.

BPMN diagrams in R

status](https://www.r-pkg.org/badges/version/processmapR)](https://CRAN.R-project.org/package=processmapR) version](https://img.shields.io/badge/GitHub-0.5.2-blue)](https://github.com/bupaverse/processmapR)…