4 Repos
Configurable grid or dot patterns displayed behind a diagram to improve visual orientation.
Distinct from Visual Display Preferences: Distinct from Visual Display Preferences: focuses on diagram-specific background patterns, not browser-level color scheme settings.
Explore 4 awesome GitHub repositories matching user interface & experience · Grid Backgrounds. Refine with filters or upvote what's useful.
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
Provides configurable grid and dot backgrounds to assist users with element alignment and visual orientation.
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
Displays a configurable grid or dot pattern behind the diagram to improve visual orientation.
ChartView is a SwiftUI-native charting library that provides bar, line, pie, and ring chart components within a unified grid-based layout system. The library renders charts by composing SwiftUI views declaratively from data models, letting the framework handle layout and updates without intermediate drawing layers. The library supports multiple chart types that share a common grid layout, enabling composable data visualizations with synchronized axes and backgrounds. Bar charts display data as vertical bars, line charts plot connected data points with gradient fills and optional markers, pie
Draws configurable horizontal and vertical grid lines behind chart content for readability.
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.
Provides a configurable background grid with snapping to assist in precise node alignment.