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

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectServer MCPDespreCum realizăm clasamentulPresă
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

6 repository-uri

Awesome GitHub RepositoriesData-Driven Styling

Assigning visual properties to features based on attribute values and filter logic.

Distinct from Dynamic Styling Systems: Specifically addresses mapping geographic data attributes to visual styles, not general CSS state injection.

Explore 6 awesome GitHub repositories matching user interface & experience · Data-Driven Styling. Refine with filters or upvote what's useful.

Awesome Data-Driven Styling GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • matryer/xbarAvatar matryer

    matryer/xbar

    18,034Vezi pe GitHub↗

    xbar is a macOS menu bar status tool and system extension utility that displays the output of shell scripts and programs directly in the system menu bar. It functions as a script-based menu bar manager that runs local and third-party scripts to create real-time status indicators and dynamic dropdown menus. The utility enables the creation of system monitoring dashboards and custom shortcut launchers by executing external programs as subprocesses. It transforms plain text script output into formatted menu items and supports interactive dropdown menus, where user interactions can trigger shell

    Modifies the appearance of menu items by parsing specific metadata tags provided in the script output.

    Gobitbarmacmacos-menu
    Vezi pe GitHub↗18,034
  • mapbox/mapbox-gl-jsAvatar mapbox

    mapbox/mapbox-gl-js

    12,306Vezi pe GitHub↗

    Mapbox GL JS este un motor de randare a hărților WebGL și un framework de hărți web interactive utilizat pentru a randa tile-uri vectoriale, imagini raster și teren 3D în browser. Acesta funcționează ca o bibliotecă de hărți cu tile-uri vectoriale și un instrument de vizualizare a datelor geospațiale, utilizând shadere accelerate GPU pentru a transforma datele geospațiale în hărți interactive. Proiectul se distinge prin integrarea straturilor WebGL personalizate direct în fluxul de randare și prin utilizarea expresiilor bazate pe date pentru a mapa proprietățile entităților la atribute vizuale. Acesta suportă încărcarea specializată a datelor prin PMTiles și oferă gestionarea hărților offline prin pachete locale și baze de date. Motorul acoperă o gamă largă de capabilități, inclusiv randarea terenului 3D și a clădirilor cu iluminare și umbre, urmărirea locației utilizatorului în timp real și animații programabile ale camerei. Oferă interogare spațială pentru recuperarea entităților, filtrare dinamică și un sistem UI pentru markere HTML și ferestre pop-up cu informații. Biblioteca include configurații de build pentru generarea de bundle-uri care respectă restricțiile Content Security Policy pentru web workers.

    Provides a data-driven styling system to map feature properties to visual attributes like color and size.

    TypeScript
    Vezi pe GitHub↗12,306
  • maplibre/maplibre-gl-jsAvatar maplibre

    maplibre/maplibre-gl-js

    9,931Vezi pe GitHub↗

    Maplibre GL JS is a WebGL map rendering engine and vector tile map library used to create interactive web maps. It serves as a web-based GIS visualization tool and an interactive map interface framework for rendering geographic data and vector tiles on web pages. The library provides capabilities for 3D terrain rendering and the integration of custom 3D content. It supports complex geospatial data visualization through the use of heatmaps, clusters, and 3D extrusions, while allowing for custom map styling and environmental effect customization. The system covers a broad range of functional a

    Assigns colors and visual properties to map features dynamically based on their underlying geospatial attributes.

    TypeScripthacktoberfestmaplibremaplibre-gl
    Vezi pe GitHub↗9,931
  • anvaka/city-roadsAvatar anvaka

    anvaka/city-roads

    8,968Vezi pe GitHub↗

    This project is a geospatial data rendering engine and OpenStreetMap road network visualizer. It functions as a vector map visualization tool that imports geocoded area data and converts road layouts into visual layers for digital or physical output. The system enables the creation of generative map art and stylized images intended for physical production via pen-plotters or laser cutters. It allows for the manipulation of line widths and colors of city streets to produce custom visual representations of urban environments. The engine provides capabilities for urban road visualization, geogr

    Assigns visual properties like color and width to roads based on data attributes and categories.

    JavaScript
    Vezi pe GitHub↗8,968
  • ibanimatable/ibanimatableAvatar IBAnimatable

    IBAnimatable/IBAnimatable

    8,652Vezi pe GitHub↗

    IBAnimatable is a set of visual design tools for prototyping bespoke interface elements, motion effects, and navigation transitions within a graphical environment. It provides a designer for creating and prototyping animations directly within the Apple Interface Builder environment and a system for building custom interface components through a visual attributes panel. The project distinguishes itself by offering a visual interface transition editor for configuring screen navigation and gesture-driven transitions without manual coding. It includes a prototyping sandbox for testing interaction

    Configures navigation and presentation styles through a graphical attributes panel.

    Swift
    Vezi pe GitHub↗8,652
  • chrisjenx/calligraphyAvatar chrisjenx

    chrisjenx/Calligraphy

    8,529Vezi pe GitHub↗

    Calligraphy is an Android typography framework and custom font manager used to map custom font files to text views through hierarchical style resolution and global default configurations. It provides a system for defining global default fonts and fallback priorities across an entire Android application. The project manages font assignments by evaluating a priority chain of view attributes, styles, text appearances, and themes. This allows for the injection of custom typefaces into Android text components and the mapping of font assets to theme attributes to maintain a uniform visual identity.

    Allows mapping custom font files to specific UI elements using XML attributes instead of manual code.

    Java
    Vezi pe GitHub↗8,529
  1. Home
  2. User Interface & Experience
  3. Styling and Theming Systems
  4. Content Styling
  5. Component Styling Tools
  6. Component Styling
  7. Dynamic Styling Systems
  8. Data-Driven Styling

Explorează sub-etichetele

  • Font MappingMapping custom font assets to specific UI elements via configuration attributes. **Distinct from Data-Driven Styling:** Distinct from Data-Driven Styling: specifically maps font files to elements rather than mapping data attributes to visual styles.
  • Transition Style MappingMapping graphical attributes to specific visual movement and presentation styles between views. **Distinct from Data-Driven Styling:** Specifically maps attributes to navigation transitions, whereas data-driven styling typically maps data to static visual properties.