3 repositorios
Using structured external data files to drive the state and positioning of visual components.
Distinct from CSV-Driven: Existing CSV candidates focus on database record updates or batch command execution, not using CSVs to drive UI state for visualization.
Explore 3 awesome GitHub repositories matching data & databases · Data-Driven State Management. Refine with filters or upvote what's useful.
Este proyecto es una herramienta de visualización de datos con D3.js y un generador de gráficos de barras dinámicos que convierte datos históricos de rankings desde archivos CSV en líneas de tiempo visuales animadas. Funciona como un visualizador de rankings CSV y un dashboard de rankings de series temporales para ilustrar cómo cambian las posiciones de diferentes entidades a lo largo del tiempo. La herramienta cuenta con animaciones de tendencias de clasificación y ordenamiento automatizadas que transforman datos históricos estáticos en transiciones dinámicas. Incluye escalado de ejes personalizable, como escalas semilogarítmicas para manejar variaciones extremas en las magnitudes de los datos, y esquemas de color dinámicos que asignan colores basados en nombres de entidades o tipos de categorías. El sistema cubre la animación de datos de series temporales, personalización estética de gráficos para elementos como el redondeo de esquinas de barras y posicionamiento de etiquetas, y la importación de archivos planos estructurados para alimentar la visualización.
Loads historical data from flat CSV files to determine the positioning and coloring of bar chart elements.
Mixitup es una librería de animación de elementos DOM sin dependencias y motor de layout de rejilla. Sirve como un controlador de UI basado en datos y filtro de contenido del lado del cliente diseñado para gestionar la transición visual suave de elementos HTML durante operaciones de inserción, eliminación y ordenamiento. El sistema se especializa en la creación de interfaces de galería interactivas y filtrado de contenido dinámico. Permite la reorganización de elementos utilizando atributos personalizados o secuencias aleatorias, mientras sincroniza la disposición y visibilidad de los elementos de la interfaz con un modelo de datos subyacente. Más allá del filtrado y ordenamiento, la librería cubre la gestión de elementos DOM, incluyendo la inserción y eliminación dinámica de objetivos. Proporciona capacidades para animar el redimensionamiento de contenedores, definir efectos de animación personalizados y utilizar escalonamientos no lineales para las apariciones de elementos.
Maintains an internal data representation of element states to calculate layout changes before updating the DOM.
zuck.js is a JavaScript UI library used to build JSON-driven story viewers and timelines. It provides a touch-based interface for rendering sequences of full-screen content, enabling the integration of social media style story layouts into web applications. The library features a customizable theme engine that allows for different visual styles and hardware-accelerated 3D transition effects, such as cube transitions, when switching between story sets. It employs mobile UI emulation to replicate native application experiences through fullscreen layouts and gesture-based navigation. The toolki
Uses structured JSON data to map story sequences and content directly to the UI state.