论文标题

通过用户驱动的模板简化D3中的可视化作者

Streamlining Visualization Authoring in D3 Through User-Driven Templates

论文作者

Bako, Hannah, Varma, Alisha, Faboro, Anuoluwapo, Haider, Mahreen, Nerrise, Favour, Kenah, Bissaka, Battle, Leilani

论文摘要

D3可以说是实现基于Web的可视化的最受欢迎的工具。然而,D3的学习曲线可能会阻碍其采用和继续使用。为了简化编程D3可视化的过程,我们必须首先了解D3用户参与的实施实践的空间。我们对2500 D3可视化及其相应的实现进行了定性分析。我们发现5种可视化类型(条形图,地图,线条图,散点图和有效图)占我们语料库中D3可视化的80%。尽管实现样式在设计之间略有不同,但所有可视化类型的基础代码结构保持不变。提供代码重复使用的机会。使用D3示例的​​语料库,我们将可重复使用的代码模板合成八种流行的D3可视化类型,并在我们的开源存储库中共享。根据我们的结果,我们讨论了利用用户实现模式的设计注意事项,以通过设计模板和自动生成的代码建议减少可视化设计工作。

D3 is arguably the most popular tool for implementing web based visualizations. Yet D3 has a steep learning curve that may hinder its adoption and continued use. To simplify the process of programming D3 visualizations, we must first understand the space of implementation practices that D3 users engage in. We present a qualitative analysis of 2500 D3 visualizations and their corresponding implementations. We find that 5 visualization types (Bar Charts, Geomaps, Line Charts, Scatterplots, and Force Directed Graphs) account for 80% of D3 visualizations found in our corpus. While implementation styles vary slightly across designs, the underlying code structure for all visualization types remains the same; presenting an opportunity for code reuse. Using our corpus of D3 examples, we synthesize reusable code templates for eight popular D3 visualization types and share them in our open source repository. Based on our results, we discuss design considerations for leveraging users' implementation patterns to reduce visualization design effort through design templates and auto-generated code recommendations.

扫码加入交流群

加入微信交流群

微信交流群二维码

扫码加入学术交流群,获取更多资源