3 Repos
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.
Dieses Projekt ist ein D3.js-Tool zur Datenvisualisierung und ein Generator für dynamische Balkendiagramme, der historische Ranking-Daten aus CSV-Dateien in animierte visuelle Zeitachsen umwandelt. Es fungiert als CSV-Ranking-Visualisierer und Zeitreihen-Ranking-Dashboard, um zu veranschaulichen, wie sich die Positionen verschiedener Entitäten über einen Zeitraum verändern. Das Tool bietet automatisierte Sortier- und Ranking-Trendanimationen, die statische historische Daten in dynamische Übergänge verwandeln. Es enthält anpassbare Achsenskalierungen, wie z. B. semi-logarithmische Skalen zur Handhabung extremer Abweichungen in der Datengröße, sowie dynamische Farbschemata, die Farben basierend auf Entitätsnamen oder Kategorietypen zuweisen. Das System deckt Zeitreihen-Datenanimation, die Anpassung der Diagrammästhetik für Elemente wie Balkenabrundungen und Label-Positionierung sowie den Import strukturierter Flat-Files zur Steuerung der Visualisierung ab.
Loads historical data from flat CSV files to determine the positioning and coloring of bar chart elements.
Mixitup ist eine abhängigkeitsfreie DOM-Element-Animationsbibliothek und Grid-Layout-Engine. Sie dient als clientseitiger Inhaltsfilter und datengesteuerter UI-Controller, der darauf ausgelegt ist, den reibungslosen visuellen Übergang von HTML-Elementen während Einfüge-, Entfernungs- und Sortieroperationen zu verwalten. Das System ist auf die Erstellung interaktiver Galerie-Schnittstellen und dynamischer Inhaltsfilterung spezialisiert. Es ermöglicht die Reorganisation von Elementen unter Verwendung benutzerdefinierter Attribute oder zufälliger Sequenzen, während die Anordnung und Sichtbarkeit von Schnittstellenelementen mit einem zugrunde liegenden Datenmodell synchronisiert wird. Über die Filterung und Sortierung hinaus deckt die Bibliothek das DOM-Element-Management ab, einschließlich des dynamischen Einfügens und Entfernens von Zielen. Sie bietet Funktionen zum Animieren von Container-Größenänderungen, zum Definieren benutzerdefinierter Animationseffekte und zur Verwendung nicht-linearer Stagger-Effekte für das Erscheinen von Elementen.
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.