9 Repos
Functions that dynamically transform raw data properties into visual attributes like color or size during the render loop.
Distinct from Standard HTML Attribute Mapping: Distinct from Standard HTML Attribute Mapping: focuses on data-to-visual attribute transformation for rendering, not HTML property binding.
Explore 9 awesome GitHub repositories matching web development · Visual Attribute Mappings. Refine with filters or upvote what's useful.
Skrollr is a dependency-free scroll-driven animation engine and cross-platform frontend library. It functions as a toolkit for linking CSS properties and HTML attributes to scroll positions to create synchronized animations, specifically providing utilities for the interpolation of SVG attributes. The library enables the creation of parallax scrolling and interactive web storytelling by mapping scroll offsets to specific style values. It allows for the development of non-linear movement and dynamic SVG effects through the use of custom HTML attributes that define keyframes. The system covers
Implements the core engine for mapping scroll offsets to CSS properties and SVG attributes via custom HTML attributes.
This project is a declarative visualization library and geospatial framework designed for rendering large-scale data sets within web browsers. It functions as a high-performance graphics engine that leverages hardware acceleration to display complex 2D and 3D visual layers, enabling the visualization of millions of data points through a structured, component-based syntax. The framework distinguishes itself through its ability to synchronize custom data visualizations with third-party mapping platforms. By managing camera states and coordinate systems, it allows developers to overlay high-perf
Transforms raw data properties into visual attributes using accessor functions during the render loop.
Kepler.gl is a web-based geospatial visualization framework designed for rendering large-scale location datasets. It functions as a modular React mapping component that enables developers to embed interactive, high-performance geographic visualizations into web applications, serving as a comprehensive engine for building browser-based GIS dashboards. The library distinguishes itself through a highly extensible architecture that centers on centralized state management. By utilizing a predictable state-driven model, it allows for the programmatic control of map layers, filters, and viewport set
Applies color scales or elevation heights to geographic features based on underlying values to represent statistical data.
This repository contains the HTML specification, which defines the core standards for web page structuring, content organization, and document rendering. It establishes the fundamental algorithms for state-machine-based tokenization, tree construction for the document object model, and origin-based security isolation. The specification provides a framework for defining custom elements with independent lifecycles and registries. It also details the requirements for cross-document communication, session history management, and the synchronization of interface properties with content attributes.
Maps legacy presentational attributes to CSS properties to ensure consistent rendering of older markup.
react-vis is a declarative, component-based React data visualization library. It provides a framework of reusable building blocks for rendering interactive charts and graphs by mapping raw data to visual attributes such as position, color, and size. The system leverages D3 for its scaling and layout logic. The library is distinguished by its ability to handle complex data relationships, including hierarchical data via tree maps and circle packing, as well as multidimensional analysis using parallel axes and radar charts. It also supports network flow mapping to illustrate the volume and direc
Transforms raw data properties into visual attributes like color, size, and angle during the render loop.
DTCoreText is an iOS rich text engine and attributed string converter designed to render formatted HTML content natively. It transforms HTML strings into native text styles and layouts, allowing applications to display rich text without the overhead of a web view. The project functions as a CoreText HTML renderer that integrates HTML strings with the CoreText framework for high-performance rendering. It provides a lightweight alternative for displaying rich text within native application labels and text views. The engine includes an HTML-to-attributed string parser and a native text layout e
Provides mapping of HTML tags and CSS styles to native text attributes for visual consistency.
glslViewer is a console-based GLSL shader sandbox and renderer designed for the real-time testing and iteration of fragment and vertex shaders. It functions as a live-reloading viewer that automatically updates visual output when source files are modified on disk. The system also operates as a headless renderer, capable of generating frames and exporting images without a physical display. The project is distinguished by its support for multi-pass rendering, utilizing framebuffer ping-ponging and convolution pyramids to execute complex visual effects. It features an integrated OSC controller t
Maps vertex colors and normals from mesh files to processable attributes within the rendering system.
Dieses Projekt ist ein plattformübergreifender Grafik-Wrapper und eine Übersetzungsschicht, die die OpenGL-ES- und EGL-Spezifikationen implementiert. Es fungiert als Grafik-API-Brücke, die OpenGL-ES-Aufrufe und WebGL-Inhalte auf plattformspezifische Hardware-APIs wie Vulkan und Metal abbildet, um ein konsistentes Rendering über verschiedene Betriebssysteme hinweg zu gewährleisten. Das System verfügt über einen Shader-Übersetzungsdienst, der Shading-Language-Code validiert und in mehrere Zielsprachen transpiliert, einschließlich HLSL, SPIR-V und Metal SL. Es verwendet eine steckbare Backend-Architektur, um die geeignete Hardware-Rendering-API während der Initialisierung auszuwählen, und kann GPU-Hardware-Identifikatoren überschreiben, um die Anwendungskompatibilität aufrechtzuerhalten. Der Funktionsumfang umfasst GPU-API-Abstraktion und Grafik-Extension-Mapping sowie die Übersetzung von OpenCL-Compute-Aufrufen in hardwarespezifische Anweisungen. Für das Ressourcenmanagement implementiert das Projekt Vulkan-Command-Buffer-Management und Ressourcen-Zugriffssynchronisation mittels Read- und Write-Barriers. Die Beobachtbarkeit wird durch API-Call-Trace-Capture, GPU-Debug-Marker-Emission und detailliertes System-Logging für Vulkan-API-Aufrufe bereitgestellt.
Maps legacy OpenGL ES 1.0 graphics commands to modern hardware APIs by implementing them through newer feature sets.
L7 ist eine WebGL-basierte Geodaten-Visualisierungs-Engine und ein browserbasierter GIS-Engine, die für das High-Performance-Rendering großer 2D- und 3D-Raumdatensätze entwickelt wurde. Sie fungiert als Bibliothek für geografische Datenvisualisierung, die Hardwarebeschleunigung nutzt, um massive Datensätze und Heatmaps in einem Webbrowser anzuzeigen. Die Engine verfügt über eine abstrahierte Basemap-Integrationsschicht, die die Datenvisualisierung vom zugrunde liegenden Kartenanbieter entkoppelt, was die Nutzung verschiedener Anbieter oder Offline-Bereitstellungen ermöglicht. Sie verwendet ein System für visuelle Variablenzuordnung, um numerische und kategorische Geodaten in visuelle Eigenschaften wie Farbe und Größe zu übersetzen. Das System beinhaltet eine schichtbasierte Rendering-Pipeline, Koordinatensystem-Projektion und Adapter für räumliche Datenformate, um diverse geografische Dateien zu standardisieren. Es bietet Funktionen für die Visualisierung geografischer Entitäten, einschließlich der Darstellung von Punkten und Linien für räumliche Analysen.
Implements functions to map geospatial data values to visual properties such as color scales and elevation.