Awesome GitHub RepositoriesNode Grouping Visuals

GoJS is a JavaScript diagramming library and canvas-based visualization engine used to build interactive flowcharts, organizational charts, and network diagrams. It functions as a data-driven framework that binds JavaScript data models to visual elements, enabling bidirectional synchronization between the underlying data and the graphical representation. The library features a comprehensive graph layout engine capable of automatically arranging nodes into trees, grids, circles, or force-directed layouts. It distinguishes itself through a template-based system for generating visual parts and a

Visualize call graph of a Go program using Graphviz

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.

Butterfly ist eine interaktive Bibliothek für Graph-Visualisierung und eine SVG-basierte Diagramm-Engine, die zum Aufbau von Node-basierten Workflow-Designern und visuellen Flow-Editoren verwendet wird. Sie bietet ein Framework zum Rendern miteinander verbundener Knoten, Kanten und Gruppen, um technische Architekturen, Geschäftsprozesse und datengesteuerte Workflows zu modellieren. Das Projekt zeichnet sich durch die Fähigkeit aus, benutzerdefinierte UI-Komponenten als Graph-Knoten zu integrieren, sowie durch spezialisierte Unterstützung für die Visualisierung von Datenherkunft (Data Lineage). Es ermöglicht die Abbildung von Beziehungen zwischen Datenfeldern, Tabellen und Geschäftsentitäten, um die Provenienz nachzuverfolgen und den Workflow-Status zu überwachen. Das System deckt ein breites Spektrum an Funktionen ab, darunter automatisierte Knoten-Layout-Algorithmen, hierarchische Gruppennestung und Validierung der Verbindungslogik. Es enthält Navigationsdienstprogramme wie eine Minimap, Zoom- und Pan-Steuerungen sowie Marquee-Auswahl, neben Tools für die Traversierung der Graphentopologie und den Bildexport in Vektor- und Rasterformaten. Die Bibliothek ist in JavaScript implementiert.

xNode is a Unity editor extension that provides a visual node graph editor for designing flow-based logic and state machines. It functions as a visual logic designer, allowing for the creation and management of interconnected node networks within the Unity engine. The tool enables the construction of custom logic systems, such as branching dialogue trees and game state machine transitions. It supports the organization of complex graphs through a hierarchical grouping system that wraps related nodes into resizable visual containers. The system utilizes a graph-based data model to define data

Unovis is a modular SVG and Canvas data visualization library used to build interactive charts, maps, and network graphs. It provides a framework-agnostic set of primitives for creating data dashboards and specialized visualizations. The library is distinguished by its dedicated toolkits for different visualization domains, including an XY charting library for coordinated plots, a network graph framework for relational data, and a geospatial visualization toolkit for TopoJSON-based mapping. Its capability surface covers a wide range of data representations, including linear, area, and bar ch