4 repository-uri
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 este o bibliotecă interactivă de vizualizare a grafurilor și un motor de diagramare bazat pe SVG utilizat pentru a construi designeri de fluxuri de lucru bazate pe noduri și editoare vizuale de fluxuri. Oferă un framework pentru randarea nodurilor, muchiilor și grupurilor interconectate pentru a modela arhitecturi tehnice, procese de business și fluxuri de lucru bazate pe date. Proiectul se distinge prin capacitatea de a integra componente UI personalizate ca noduri de graf și suportul său specializat pentru vizualizarea liniilor de date (data lineage). Permite maparea relațiilor dintre câmpurile de date, tabele și entitățile de business pentru a urmări proveniența și a monitoriza starea fluxului de lucru. Sistemul acoperă o gamă largă de capabilități, inclusiv algoritmi automatizați de layout al nodurilor, imbricarea grupurilor ierarhice și validarea logicii de conexiune. Include utilitare de navigare precum un minimap, controale de zoom și pan, și selecție de tip marquee, alături de instrumente pentru traversarea topologiei grafurilor și exportul de imagini în formate vectoriale și raster. Biblioteca este implementată în JavaScript.
Provides a configurable background grid with snapping to assist in precise node alignment.