西塞罗:用于响应式可视化的声明式语法
作者
交互式数据可视化地理空间与地图可视化UI/UX 设计师HCI 研究员
文献标题
Cicero: A Declarative Grammar for Responsive Visualization
文献信息
- 主题领域: 响应式数据可视化设计
- 关键词: 可视化, 响应式可视化, 文法声明, 转换规则, Vega-Lite, 可视化工具, 可视化推荐, 响应式设计, 灵活交互, 自动化设计
研究背景与问题
-
问题与挑战:
- 可视化应用需要适应不同的屏幕尺寸(如从桌面到移动设备),这要求对原始可视化设计实施大量手动调整。
- 现有的响应式可视化生成工具大多需要手动定义不同的视图规格,缺乏通用性和灵活性。
- 常用的声明式可视化文法(如Vega-Lite)对表示复杂的响应式转换策略支持有限。
-
重要性:
- 随着移动设备用户比例不断提升,响应式可视化设计对于确保用户体验变得尤为不可或缺。
- 手动编辑和生成多版本可视化的劳动强度高且容易出错,自动化/智能化解决方案有助于提高效率并提升设计一致性。
-
研究动机与相关工作:
- 过去的研究开发了许多响应式可视化策略和工具(如Vega-Lite和Draco),但它们对表达复杂的用户需求和转换规则的灵活性有限。
- 缺乏一种统一、灵活且可扩展的文法来支持响应式可视化策略的多样化表达和实现。
解决方案
-
方法与解决方案:
- 提出了Cicero,一种声明性文法,用于简洁、灵活地指定响应式可视化的转换规则。
- Cicero允许用户基于可视化元素(如标签、图例、轴等)和转换行为(如替换、删除、调整位置等)来定义规则。
- 提供了一组简明的动作谓词(如交换、修改、重排)来对可视化设计进行变换并支持跨不同视图重复使用。
-
创新点:
- 提供了通用且灵活的语法,支持对可视化不同元素以多种方式选择(如基于结构、数据或属性)。
- 可支持系统和用户共同定义的转换规则,满足不同用户需求的同时促进规则重用与扩展。
- 通过Cicero,将复杂的可视化转换表示为易于理解和扩展的模块化规范。
-
实施步骤与关键技术:
- 设计Cicero文法语法:包括元素定制(如特定的数据点、颜色或标记)和动作谓词。
- 使用Cicero文法实现对基于Vega-Lite的可视化规格的响应式转换编译器。
- 使用真实世界案例验证Cicero的可表达性和灵活性。
- 将Cicero与推荐系统(如ASP求解器)集成以探索智能设计应用。
研究成果
-
具体成果:
- 开发了Cicero语法和基于Vega-Lite扩展的编译器框架。
- 用Cicero设计了13个真实场景案例(涵盖从桌面到移动的响应式转换),包括过滤数据、调整布局和标注等转换规则。
- 验证了Cicero在表达各种复杂响应式设计上的灵活性和模块化优势。
-
优势:
- 与现有的Vega-Lite等工具相比,Cicero用更少的代码表达了更复杂的响应式转换规则。
- 能够支持复用规则,显著减少设计多版视图时的重复劳动。
-
实验或评估结果:
- 案例 “Bond Yields”展示了从桌面视图到移动视图的完整转换流程,说明Cicero能够有效支持多种设计策略,如调整维度、数据过滤和标注位置。
- Cicero作为可视化推荐系统的一个模块化接口,提高了设计自动化和推荐结果的可解释性。
-
局限性与未来方向:
- 局限性:
- 当前主要针对二维平面可视化设计,未充分考虑交互性和动态响应行为(如 3D 图像、动态布局调整)。
- Cicero编译器依赖于Vega-Lite扩展版本,直接适用于其他文法(如ggplot2)时可能需要额外调整。
- 未来方向:
- 扩展动作谓词以支持更复杂的交互操作和动态布局。
- 针对大规模用户场景开发智能化数据可视化工具,并开展用户研究评估Cicero实际效用。
- 局限性:
研究问题 / 现实痛点
这篇论文在当前问题库中对应的问题线索。
help
研究问题
3- 如何为响应式数据可视化创建一个通用且灵活的声明式语法?分类: 科学、文化与领域数据分析同类问题arrow_forward
- Cicero语法如何支持多种复杂的响应式可视化变换规则?分类: 科学、文化与领域数据分析同类问题arrow_forward
- 如何验证Cicero语法对多场景响应式设计的实用性和灵活性?分类: 科学、文化与领域数据分析同类问题arrow_forward
lightbulb
现实痛点
1- 设计师很难高效适配数据可视化到不同设备屏幕。分类: 科学、文化与领域数据分析同类问题arrow_forward
- 100%
GoTree:树形可视化的语法
CHI '20· 交互式数据可视化 +1
- 80%
TalkTraces:会议中口头内容的实时捕获与可视化
CHI '19· 交互式数据可视化 +2
- 80%
在颜色编码的散点图中测量类别知觉
CHI '23· 交互式数据可视化 +2
- 60%
Paragon:一个通过视觉示例增强设计反馈的在线画廊
CHI '18· 交互式数据可视化 +1
- 60%
DataSelfie:赋能人们设计个性化视觉来代表他们的数据
CHI '19· 交互式数据可视化 +1
- 60%
ActiveInk: (Th)Inking与数据
CHI '19· 交互式数据可视化 +1
- 60%
Haptipedia: 加速触觉设备发现以支持交互与工程设计
CHI '19· 力反馈与伪重力感 +1
- 60%
使用验证设计和众包方法评估多变量网络可视化技术
CHI '20· 交互式数据可视化 +1
- 60%
截断Y轴:威胁还是危象?
CHI '20· 交互式数据可视化 +1
- 60%
Dziban:通过锚定建议在可视化设计中平衡自主性与自动化
CHI '20· 推荐系统用户体验 +1
基于研究子主题与职业分类的 Jaccard 相似度(≥60%)
快捷操作
广告推荐
学习 AI 编程到 CodeNow
open_in_new打开DOI链接
DOI: https://dl.acm.org/doi/abs/10.1145/3491102.3517455
一眼看懂
fact_check论文快照
dataset
来源
CHI
calendar_month
年份
2022
emoji_events
奖项
未标记奖项
group
作者
7 位作者
sell
研究子方向
交互式数据可视化、地理空间与地图可视化
work
职业/产业
UI/UX 设计师、HCI 研究员
article
内容状态
已索引正文
hub
相关论文
10 篇相关论文