Jackson James, Ritsos Panagiotis D, Butcher Peter W S, Roberts Jonathan C
IEEE Trans Vis Comput Graph. 2025 Jan;31(1):1158-1168. doi: 10.1109/TVCG.2024.3456323. Epub 2024 Nov 25.
We present a path-based design model and system for designing and creating visualisations. Our model represents a systematic approach to constructing visual representations of data or concepts following a predefined sequence of steps. The initial step involves outlining the overall appearance of the visualisation by creating a skeleton structure, referred to as a flowpath. Subsequently, we specify objects, visual marks, properties, and appearance, storing them in a gene. Lastly, we map data onto the flowpath, ensuring suitable morphisms. Alternative designs are created by exchanging values in the gene. For example, designs that share similar traits, are created by making small incremental changes to the gene. Our design methodology fosters the generation of diverse creative concepts, space-filling visualisations, and traditional formats like bar charts, circular plots and pie charts. Through our implementation we showcase the model in action. As an example application, we integrate the output visualisations onto a smartwatch and visualisation dashboards. In this article we (1) introduce, define and explain the path model and discuss possibilities for its use, (2) present our implementation, results, and evaluation, and (3) demonstrate and evaluate an application of its use on a mobile watch.
我们提出了一种基于路径的设计模型和系统，用于设计和创建可视化效果。我们的模型代表了一种系统方法，可按照预定义的步骤序列构建数据或概念的可视化表示。第一步是通过创建一个称为流路径的骨架结构来勾勒可视化的整体外观。随后，我们指定对象、视觉标记、属性和外观，并将它们存储在一个基因中。最后，我们将数据映射到流路径上，确保合适的态射。通过在基因中交换值来创建替代设计。例如，通过对基因进行微小的增量更改来创建具有相似特征的设计。我们的设计方法促进了多样化创意概念、空间填充可视化以及条形图、圆形图和饼图等传统格式的生成。通过我们的实现，展示了该模型的实际应用。作为一个示例应用，我们将输出的可视化效果集成到智能手表和可视化仪表板上。在本文中，我们（1）介绍、定义并解释路径模型，并讨论其使用的可能性，（2）展示我们的实现、结果和评估，以及（3）演示并评估其在移动手表上的应用。
