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 ist eine Go-Visualisierungsbibliothek und ein DOT-Sprachgenerator, der zur Erstellung von Systemarchitekturdiagrammen verwendet wird. Es implementiert einen „Diagrams-as-Code“-Ansatz, der es Benutzern ermöglicht, Systemkomponenten, Infrastrukturabhängigkeiten und Datenflüsse mittels Go-Quellcode zu definieren. Die Bibliothek übersetzt diese codebasierten Definitionen in die Graphviz-DOT-Syntax, die anschließend vom Graphviz-Toolset verarbeitet wird, um die finalen visuellen Bild-Assets zu rendern. Sie unterstützt das Mapping gerichteter Kanten zur Veranschaulichung von Abhängigkeiten sowie die Organisation verwandter Komponenten in benannten Clustern oder Subgraphen, um architektonische Grenzen und logische Schichten darzustellen. Das Tool exportiert generierte DOT-Dateien und gerenderte Bilder direkt in das lokale Dateisystem zur Dokumentation und Versionskontrolle.

jstree is a jQuery tree view plugin used to render interactive hierarchical data structures. It functions as a hierarchical data visualizer and manager, providing tools to display nested relationships through tree layouts. The project features a drag-and-drop tree manager for restructuring hierarchies and an AJAX tree loader for fetching nodes or HTML fragments from remote servers. It includes a tri-state checkbox selector to manage selection states across parent and child branches. The plugin supports various data modeling approaches, including child arrays, parent-id adjacency lists, and t

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 ist eine webbasierte Bibliothek für den Aufbau interaktiver Diagramm-Visualisierungs- und Datenmodellierungstools. Sie bietet ein Framework für das Rendern von Knoten- und Link-Strukturen, das es Benutzern ermöglicht, benutzerdefinierte Bearbeitungsumgebungen zu erstellen, in denen komplexe Datenbeziehungen direkt im Browser visualisiert und manipuliert werden können. Die Bibliothek nutzt eine modulare, Plugin-gesteuerte Architektur, die es Entwicklern ermöglicht, die Kern-Bearbeitungsfunktionalität an spezifische Anforderungen anzupassen, ohne den zugrunde liegenden Quellcode zu ändern. Sie verwaltet den Anwendungszustand über einen zentralen, unveränderlichen (immutable) Store und stellt sicher, dass Interaktionen und Datenaktualisierungen über den gesamten Arbeitsbereich hinweg konsistent bleiben. Das Framework unterstützt eine Reihe visueller und analytischer Fähigkeiten, einschließlich der Möglichkeit, Metadaten an Verbindungen zu annotieren, räumliche Grenzen für eine präzise Objektpositionierung zu berechnen und alternative Farbthemen anzuwenden. Es handhabt Benutzerinteraktionen über ein ereignisgesteuertes System, das Aktualisierungen zwischen der visuellen Schnittstelle und dem zugrunde liegenden Datenmodell koordiniert.

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