可视化叙事的探索与应用.pdf

可视化叙事的探索与应⽤ ⽬录 01 02 可视化叙事简介 可视化叙事的设计与应⽤ 什么是可视化叙事 什么是可视化叙事 什么是可视化叙事 什么是可视化叙事 - ⽤动效变化并结合听觉效果，引导⽤户关注点 - ⽤交互引导⽤户探索，并发现问题 为什么要做可视化叙事 数据 数据可视化 ⼈ 决策 （洞察） 可视化叙事在蚂蚁中的应⽤ 可视化叙事的设计与实现 1. 声明式图表定义 = 2. Timeline 图表播放 = 静态卡⽚和数据视频 = 多类型变化 = 组件 变化 组件 1. 类 React 完整的⽣命周期 2. 声明式图形标签 3. G 的完整引擎能⼒ 动画的三个阶段 ⼊场 变化 消失 如何识别元素变化？ Virtual DOM Diff DOM Diff 识别元素动画 动画的声明与定义 更多类型的变化 可视化组件 可视化组件 更多 F2 移动端可视化引擎 官⽹: https://f2.antv.vision/ GitHub: /antvis/F2