3 个仓库
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.
This project is a D3.js data visualization tool and dynamic bar chart generator that converts historical ranking data from comma-separated values into animated visual timelines. It functions as a CSV ranking visualizer and time-series ranking dashboard to illustrate how the positions of different entities change over a period of time. The tool features automated sorting and ranking trend animations that transform static historical data into dynamic transitions. It includes customizable axis scaling, such as semi-logarithmic scales to handle extreme variances in data magnitudes, and dynamic co
Loads historical data from flat CSV files to determine the positioning and coloring of bar chart elements.
Mixitup 是一个无依赖的 DOM 元素动画库和网格布局引擎。它作为客户端内容过滤器和数据驱动的 UI 控制器,旨在管理 HTML 元素在插入、移除和排序操作过程中的平滑视觉过渡。 该系统专注于创建交互式画廊界面和动态内容过滤。它允许使用自定义属性或随机序列重新组织元素,同时将界面元素的排列和可见性与底层数据模型同步。 除了过滤和排序,该库还涵盖了 DOM 元素管理,包括目标的动态插入和移除。它提供了动画化容器大小调整、定义自定义动画效果以及利用非线性交错效果来呈现元素的能力。
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.