Searching the Visual Style and Structure of D3 Visualizations
Searching the Visual Style and Structure of D3 Visualizations
复制标题
DOI：
10.1109/tvcg.2019.2934431
复制
发表时间：
2019-07
影响因子：
5.2
通讯作者：
Enamul Hoque;Maneesh Agrawala
中科院分区：
文献类型：
--
作者：
Enamul Hoque;Maneesh Agrawala
我们为D3可视化提出了搜索引擎，该引擎允许查询基于其视觉样式和基础结构。为了构建引擎，我们从Web中抓取了7860 D3可视化的集合，并解构每个引擎以恢复其数据，其数据编码标记以及描述数据如何映射到标记的视觉属性的编码。我们还提取标记的轴和其他非数据编码属性（例如字体，背景颜色）。我们的搜索引擎索引了此样式和结构信息以及有关包含图表的网页的元数据。我们展示了可视化开发人员如何搜索集合以查找具有特定设计特征的可视化，从而探索了可能的设计空间。我们还展示了研究人员如何使用搜索引擎来识别常用的视觉设计模式，并且我们在D3图表集合中进行了这种人口统计设计分析。一项用户研究表明，可视化开发人员发现我们基于样式和结构的搜索引擎比仅允许在包含图表的网页上允许关键字搜索的基线搜索引擎更有用和令人满意。
We present a search engine for D3 visualizations that allows queries based on their visual style and underlying structure. To build the engine we crawl a collection of 7860 D3 visualizations from the Web and deconstruct each one to recover its data, its data-encoding marks and the encodings describing how the data is mapped to visual attributes of the marks. We also extract axes and other non-data-encoding attributes of marks (e.g., typeface, background color). Our search engine indexes this style and structure information as well as metadata about the webpage containing the chart. We show how visualization developers can search the collection to find visualizations that exhibit specific design characteristics and thereby explore the space of possible designs. We also demonstrate how researchers can use the search engine to identify commonly used visual design patterns and we perform such a demographic design analysis across our collection of D3 charts. A user study reveals that visualization developers found our style and structure based search engine to be significantly more useful and satisfying for finding different designs of D3 charts, than a baseline search engine that only allows keyword search over the webpage containing a chart.