awesome-repositories.com
Blog
MCP
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektMCP-ServerÜber unsRanking-MethodikPresse
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

4 Repos

Awesome GitHub RepositoriesGrid Backgrounds

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.

Awesome Grid Backgrounds GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • antvis/x6Avatar von antvis

    antvis/X6

    6,598Auf GitHub ansehen↗

    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.

    TypeScriptantvdagdiagram
    Auf GitHub ansehen↗6,598
  • bcakmakoglu/vue-flowAvatar von bcakmakoglu

    bcakmakoglu/vue-flow

    6,338Auf GitHub ansehen↗

    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.

    TypeScriptdiagramsflowflowchart
    Auf GitHub ansehen↗6,338
  • apppear/chartviewAvatar von AppPear

    AppPear/ChartView

    5,633Auf GitHub ansehen↗

    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.

    Swift
    Auf GitHub ansehen↗5,633
  • alibaba/butterflyAvatar von alibaba

    alibaba/butterfly

    4,649Auf GitHub ansehen↗

    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.

    JavaScript
    Auf GitHub ansehen↗4,649
  1. Home
  2. User Interface & Experience
  3. Visual Display Preferences
  4. Grid Backgrounds