Awesome GitHub RepositoriesNode Appearance

Diagrams is a diagram-as-code framework and infrastructure mapping tool used to generate system architecture visualizations via Python code. It functions as a programmatic wrapper for Graphviz, allowing users to define cloud services and their interconnections to create structured architectural layouts. The project specializes in cloud architecture visualization by mapping software components to a library of provider-specific icons. This approach enables the management of system designs within version control to track architecture changes over time. The library provides capabilities for conf

ApexCharts is a comprehensive JavaScript charting library designed for building interactive, responsive, and data-driven visualizations within web applications. It functions as a versatile data visualization framework that supports a wide range of chart types, including categorical, statistical, and financial plots, enabling developers to construct complex dashboards and real-time monitoring interfaces. The library distinguishes itself through a deep commitment to accessibility and high-performance interactivity. It provides built-in support for keyboard navigation, screen readers, and high-c

PlantUML is a text-to-diagram generator that translates human-readable markup into structured graphical representations. It functions as a diagram-as-code tool, allowing users to create and maintain technical documentation, architectural models, and flowcharts by decoupling diagram content from visual layout. The project distinguishes itself through a comprehensive rendering pipeline that processes domain-specific markup into various output formats, including vector and raster graphics. It utilizes a graph-based layout engine to calculate spatial positioning, while a declarative styling layer

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

X6 is a JavaScript diagramming library and SVG graph rendering engine used to build interactive flowcharts, mind maps, and visual workflow editors. It provides a framework for defining customizable node and edge behaviors, utilizing a hybrid rendering approach that combines SVG and HTML. The library decouples the visual graph representation from underlying business logic and data structures through a dedicated state management system. It allows for extensive extensibility via a registration mechanism for custom nodes, edges, and canvas tools. The toolkit includes capabilities for automatic g

Visualize call graph of a Go program using Graphviz

Vue Flow is a TypeScript library for building interactive node-based editors and flowcharts. It provides the core infrastructure for creating diagrams where users can drag, select, and connect nodes with edges, supporting pan and zoom navigation of the canvas. The library offers extensive control over graph behavior and appearance, including the ability to customize connection lines, define custom edge types, and configure zoom constraints and viewport defaults. It includes built-in components like a minimap for navigation, zoom controls, and a fit-view button, along with features for node re

3d-force-graph is a WebGL-accelerated component for rendering interactive network graphs in three-dimensional space. Built on the ThreeJS library, it positions nodes using a force-directed physics simulation that can be driven by either a D3-force or ngraph engine, producing dynamic layouts that users can rotate, zoom, and pan using mouse, keyboard, or touch controls. The component distinguishes itself through comprehensive camera control capabilities, including programmatic positioning, animated transitions, automatic timed orbiting, and zoom-to-fit functionality that frames all nodes within

go-diagrams is a Go visualization library and DOT language generator used to create system architecture diagrams. It implements a diagrams-as-code approach, allowing users to define system components, infrastructure dependencies, and data flows using Go source code. The library translates these code-based definitions into Graphviz DOT syntax, which is then processed by the Graphviz toolset to render final visual image assets. It supports mapping directional edges to illustrate dependencies and organizing related components into named clusters or subgraphs to represent architectural boundaries

jstree 是一个 jQuery 树形视图插件，用于渲染交互式层级数据结构。它作为层级数据可视化与管理工具，提供了通过树状布局展示嵌套关系的解决方案。 该项目具备用于重构层级的拖拽式树形管理器，以及用于从远程服务器获取节点或 HTML 片段的 AJAX 树加载器。它包含一个三态复选框选择器，用于管理父子分支间的选择状态。 该插件支持多种数据建模方法，包括子数组、父 ID 邻接列表以及无序列表标记的转换。其他功能包括用于节点检索的模糊搜索、内联节点编辑以及减少初始数据传输的懒加载机制。

Infographic is a declarative SVG infographic engine and AI-powered generator that transforms structured specifications and natural language descriptions into complete visual layouts. At its core, it provides a data storytelling framework that combines AI-driven layout generation with multi-pattern composition, supporting linear, circular, radial, tree, and mirror arrangements for sequential, hierarchical, and comparative data structures. The project distinguishes itself through a canvas-based interactive editor with real-time element manipulation and state history management, alongside a serv

react-force-graph is a React component for rendering interactive 2D and 3D network visualizations using a force-directed layout engine. It functions as an interactive data visualization library that employs D3-force simulations to manage node physics and relationship positioning. The library includes a 3D visualization tool that utilizes ThreeJS to render complex nodes and links within an immersive space. It provides programmatic control over zooming, panning, and viewport navigation, alongside a coordinate-to-object picking mechanism for handling user interactions like clicks, hovers, and dr

Diagram Maker 是一个基于 Web 的库，专为构建交互式图形可视化和数据建模工具而设计。它提供了一个渲染节点和链接结构的框架，允许用户创建自定义编辑环境，在其中可以直接在浏览器中可视化和操作复杂的数据关系。 该库利用模块化的、插件驱动的架构，使开发者能够在不更改底层源代码的情况下扩展核心编辑功能以满足特定需求。它通过一个集中式的、不可变的状态存储来管理应用状态，确保交互和数据更新在整个工作区中保持一致。 该框架支持一系列视觉和分析功能，包括在连接上标注元数据、计算用于精确对象定位的空间边界以及应用替代颜色主题的能力。它通过一个事件驱动系统处理用户交互，该系统协调视觉界面与底层数据模型之间的更新。

This project is a high-performance library for rendering interactive, force-directed network visualizations within an HTML5 canvas. It provides a physics-based engine that calculates node positioning through simulated attraction and repulsion forces, enabling the representation of complex relational data structures as dynamic, navigable graphs. The library distinguishes itself through its ability to handle large-scale datasets containing thousands of nodes and links while maintaining interface responsiveness. It offers granular control over the visual representation of data, allowing for cust