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

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoServidor MCPAcerca deCómo clasificamosPrensa
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

6 repositorios

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

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • matryer/xbarAvatar de matryer

    matryer/xbar

    18,034Ver en 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
    Ver en GitHub↗18,034
  • mapbox/mapbox-gl-jsAvatar de mapbox

    mapbox/mapbox-gl-js

    12,306Ver en GitHub↗

    Mapbox GL JS es un motor de renderizado de mapas WebGL y un framework de mapas web interactivos utilizado para renderizar teselas vectoriales, imágenes ráster y terreno 3D en el navegador. Funciona como una biblioteca de mapas de teselas vectoriales y una herramienta de visualización de datos geoespaciales, empleando shaders acelerados por GPU para transformar datos geoespaciales en mapas interactivos. El proyecto se distingue por la integración de capas WebGL personalizadas directamente en el pipeline de renderizado y el uso de expresiones basadas en datos para asignar propiedades de entidades a atributos visuales. Admite la carga de datos especializada a través de PMTiles y proporciona gestión de mapas offline mediante paquetes locales y bases de datos. El motor cubre una amplia gama de capacidades, incluyendo el renderizado de terreno y edificios en 3D con iluminación y sombras, seguimiento de la ubicación del usuario en tiempo real y animaciones de cámara programables. Proporciona consultas espaciales para la recuperación de entidades, filtrado dinámico y un sistema de interfaz de usuario para marcadores HTML y ventanas emergentes de información. La biblioteca incluye configuraciones de compilación para generar paquetes que cumplen con las restricciones de Content Security Policy para web workers.

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

    TypeScript
    Ver en GitHub↗12,306
  • maplibre/maplibre-gl-jsAvatar de maplibre

    maplibre/maplibre-gl-js

    9,931Ver en 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
    Ver en GitHub↗9,931
  • anvaka/city-roadsAvatar de anvaka

    anvaka/city-roads

    8,968Ver en 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
    Ver en GitHub↗8,968
  • ibanimatable/ibanimatableAvatar de IBAnimatable

    IBAnimatable/IBAnimatable

    8,652Ver en 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
    Ver en GitHub↗8,652
  • chrisjenx/calligraphyAvatar de chrisjenx

    chrisjenx/Calligraphy

    8,529Ver en 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
    Ver en 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

Explorar subetiquetas

  • 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.