Ying Lu, Tangl Tan, Luo Yuzhe, Shen Lvkeshen, Xie Xiao, Yu Lingyun, Wu Yingcai
IEEE Trans Vis Comput Graph. 2022 Jan;28(1):400-410. doi: 10.1109/TVCG.2021.3114877. Epub 2021 Dec 24.
Circular glyphs are used across disparate fields to represent multidimensional data. However, although these glyphs are extremely effective, creating them is often laborious, even for those with professional design skills. This paper presents GlyphCreator, an interactive tool for the example-based generation of circular glyphs. Given an example circular glyph and multidimensional input data, GlyphCreator promptly generates a list of design candidates, any of which can be edited to satisfy the requirements of a particular representation. To develop GlyphCreator, we first derive a design space of circular glyphs by summarizing relationships between different visual elements. With this design space, we build a circular glyph dataset and develop a deep learning model for glyph parsing. The model can deconstruct a circular glyph bitmap into a series of visual elements. Next, we introduce an interface that helps users bind the input data attributes to visual elements and customize visual styles. We evaluate the parsing model through a quantitative experiment, demonstrate the use of GlyphCreator through two use scenarios, and validate its effectiveness through user interviews.
圆形图标在不同领域用于表示多维数据。然而,尽管这些图标极其有效,但创建它们通常很费力,即使对于具有专业设计技能的人也是如此。本文介绍了GlyphCreator,这是一种用于基于示例生成圆形图标的交互式工具。给定一个示例圆形图标和多维输入数据,GlyphCreator会迅速生成一系列设计候选方案,其中任何一个都可以进行编辑以满足特定表示的要求。为了开发GlyphCreator,我们首先通过总结不同视觉元素之间的关系来推导圆形图标的设计空间。利用这个设计空间,我们构建了一个圆形图标数据集,并开发了一个用于图标解析的深度学习模型。该模型可以将圆形图标位图解构为一系列视觉元素。接下来,我们引入一个界面,帮助用户将输入数据属性绑定到视觉元素并自定义视觉样式。我们通过定量实验评估解析模型,通过两个使用场景演示GlyphCreator的使用,并通过用户访谈验证其有效性。