RidgeBuilder：交互式创作表达型脊线图

研究背景与问题

• 发现的问题或挑战：
  • Ridgeline图是一种重要的可视化方法，用于显示多组数据的分布或演变特征。然而，目前多数工具仅支持创建基础的Ridgeline图，缺乏对多样化布局和风格的支持。
  • 调整Ridgeline图的布局（如重叠程度和顺序）对表示效果影响显著，但细致调节这些图表的布局和样式需要依赖复杂设计软件，如Adobe Illustrator，这对用户提出了较高的技能要求。
  • 当前代码驱动工具和交互工具虽提供绘图功能，但限制较大。代码工具（如ggridges和Vega-Lite）灵活但学习成本高，交互工具（如Tableau）易于使用却缺乏复杂布局和装饰选项。
• 重要性：
  • Ridgeline图在科学和艺术领域均有广泛应用，能够有效表达时间序列演进、多变量分布等，具备强大的数据可视化价值。
  • 创建更灵活和表达性更强的Ridgeline图可以扩展它的应用场景，并帮助用户提取更有价值的信息。
• 研究动机与相关工作：
  • 当前工具对Ridgeline图的设计空间探索不足，无法高效解决布局优化问题。
  • 本研究旨在推动Ridgeline图从传统工具限制中解放出来，增强其表达能力，激发更多创意应用。

解决方案

• 提出的方法或解决方案：
  • 提出一个基于设计空间的直观工具——RidgeBuilder，用于交互式创建表达性强的Ridgeline图。
  • 设计了Ridgeline图的五维设计空间：元素（如轴、图形类型）、布局（如重叠、层级）、风格（如色彩、透明度）、装饰（如标注、背景）和组合。
  • 通过Ridgeline布局的优化算法解决布局调整问题，提出了三个设计目标：
    1. 邻近的曲线应具有相似的峰值模式；
    2. Ridgeline曲线的弯曲应尽量减少；
    3. 布局应避免隐藏主要峰值。
• 解决方案的创新之处：
  • 提出了一种优化模型，将Ridgeline布局问题形式化为旅行商问题（TSP），以实现布局的实时优化。
  • 开发了一种特定的三轴数据模型，提高了Ridgeline图的表达灵活性。
  • 提供风格模板推荐功能，支持用户轻松尝试经典风格（如“黑胶风格”）。
• 实现步骤与关键技术：
  • 将用户交互与核心功能（如数据绑定、布局调整、样式修改、装饰添加）结合，使Ridgeline图生成过程更直观。
  • 利用算法自动生成高质量布局，通过推荐系统提示最佳布局选择。
  • 界面设计支持拖拽、滑块调整等直观动作，同时允许导出为SVG文件便于后续高阶编辑。

研究成果

• 具体成果：
  • RidgeBuilder可以创建多样化、表达性强的Ridgeline图，对比现有工具，极大减少了用户操作的复杂性。
  • 提供交互式布局调整的优化算法，使得用户能更有效地展示数据的演变模式。
• 与现有解决方案的优势：
  • 相较于代码驱动工具（如ggridges），RidgeBuilder对非专业用户更加友好，缩短学习曲线。
  • 相较于传统交互工具（如Tableau），RidgeBuilder在布局选择和样式控制方面具有较大的灵活性和创新性。
• 实验或评估结果：
  1. 用户复现研究：参与测试的用户评分（SUS）平均为88.75/100，均表示RidgeBuilder易用且高效。
  2. 算法评估：优化布局算法显著优于基线方法（如统计排序法），在用户评估中得分最高（77.33），确认了提出的三大设计目标的有效性。
  3. 时间效率：算法能够实现实时响应（<1秒）和优质体验（大多数场景在10秒内完成）。
• 局限性与未来方向：
  1. 局限性：
     • 尚不支持Ridgeline图与其他图表类型的组合。
     • 算法响应速度在非常大的数据规模下可能需要优化。
     • 评估时无法完全公平地比较其他工具，因为大多数缺乏Ridgeline图的特定功能。
  2. 未来方向：
     • 引入人机协同设计，加入动态优化建议模块。
     • 增强对图表的直接操作支持（如自由手绘趋势线）。
     • 与现有可视化工具的集成（例如作为Figma插件）以扩大使用场景。

通过RidgeBuilder，Ridgeline图的设计和实现变得更直观和强大，为广泛的科研、艺术和商业应用铺平了道路。这项研究可能激励更多研究者继续探索Ridgeline图等特定可视化形式的潜力和表达力。