3 repository-uri
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.
Acest proiect este un instrument de vizualizare a datelor D3.js și un generator de grafice cu bare dinamice care convertește datele istorice de clasament din fișiere CSV în linii temporale vizuale animate. Funcționează ca un vizualizator de clasamente CSV și un dashboard de clasamente pentru serii temporale, pentru a ilustra modul în care pozițiile diferitelor entități se schimbă de-a lungul timpului. Instrumentul dispune de animații automatizate pentru sortarea și tendințele clasamentelor, care transformă datele istorice statice în tranziții dinamice. Include scalarea personalizabilă a axelor, cum ar fi scalele semi-logaritmice pentru a gestiona variațiile extreme în magnitudinea datelor, și scheme de culori dinamice care atribuie culori în funcție de numele entităților sau tipurile de categorii. Sistemul acoperă animația datelor de tip serii temporale, personalizarea estetică a graficelor pentru elemente precum rotunjirea colțurilor barelor și poziționarea etichetelor, precum și importul de fișiere structurate pentru a genera vizualizarea.
Loads historical data from flat CSV files to determine the positioning and coloring of bar chart elements.
Mixitup este o bibliotecă de animație a elementelor DOM fără dependențe și un motor de layout de tip grid. Servește drept filtru de conținut client-side și controler UI bazat pe date, conceput pentru a gestiona tranziția vizuală fluidă a elementelor HTML în timpul operațiunilor de inserare, eliminare și sortare. Sistemul se specializează în crearea de interfețe de galerie interactive și filtrarea dinamică a conținutului. Permite reorganizarea elementelor folosind atribute personalizate sau secvențe aleatorii, sincronizând în același timp aranjarea și vizibilitatea elementelor interfeței cu un model de date subiacent. Dincolo de filtrare și sortare, biblioteca acoperă gestionarea elementelor DOM, inclusiv inserarea și eliminarea dinamică a țintelor. Oferă capabilități pentru animarea redimensionării containerului, definirea de efecte de animație personalizate și utilizarea de „stagger-uri” non-liniare pentru apariția elementelor.
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.