Y AnimationPlayground

研究工作台

实验总览

示例库

示例总览

Three.js 示例

Shader 示例

代码视频示例

项目

版本记录

GitHub X (Twitter)

Living Data Story

v0.4 旗舰作品

用一个 React 状态模型协调数据几何、交互过渡、即时绘制与设计资产。

查看分层选型指南

D3 geometryMotion transitionCanvas atmosphereLottie cue

Living Data Story

一个可筛选的数据叙事：每个图层只承担自己擅长的职责，应用状态仍由 React 统一管理。

时间范围

用户分群

叙事重点

最新指数

91

平均留存

82%

平均延迟

54ms

当前洞察

30 天内全部信号净变化为 +33。

D3

把数据转换为比例尺、路径和刻度。

Motion

对 React 状态变化产生的几何值做过渡。

Canvas

绘制无语义、高密度的环境粒子。

Lottie

播放设计师预先编排的状态提示。