User-Driven Programming Support for Rapid Visualization Authoring in D3

12/06/2021
by   Hannah K. Bako, et al.
0

D3 is arguably the most popular language for programming visualizations online. However, D3 requires a level of programming proficiency that fledgling analysts may not yet possess. Instead of asking users to switch to simpler languages or direct manipulation tools, we propose automated programming support features to augment users' existing skill sets. To this end, we mine D3 examples from the web and programmatically translate them into three automated features: template completion to quickly program initial visualizations; recommendations to suggest complementary interactions for a users' D3 program; and code augmentation to implement recommended interactions with a single click. We demonstrate these features in Minerva, an automated development environment for programming interactive D3 visualizations. In a user study with 20 D3 users, we find that Minerva enables participants to program interactive visualizations in D3 with significantly less time and effort.

READ FULL TEXT

page 1

page 2

page 3

page 4

research
11/16/2017

Beagle: Automated Extraction and Interpretation of Visualizations from the Web

"How common is interactive visualization on the web?" "What is the most ...
research
02/14/2020

Toward Agile Situated Visualization: An Exploratory User Study

We introduce AVAR, a prototypical implementation of an agile situated vi...
research
04/07/2023

CrossCode: Multi-level Visualization of Program Execution

Program visualizations help to form useful mental models of how programs...
research
08/04/2021

Exploring Visualization Implementation Challenges Faced by D3 Users Online

Visualization languages help to standardize the process of designing eff...
research
04/19/2022

ITSS: Interactive Web-Based Authoring and Playback Integrated Environment for Programming Tutorials

Video-based programming tutorials are a popular form of tutorial used by...
research
09/18/2023

Data Formulator: AI-powered Concept-driven Visualization Authoring

With most modern visualization tools, authors need to transform their da...
research
04/06/2023

Datamator: An Intelligent Authoring Tool for Creating Datamations via Data Query Decomposition

Datamation is designed to animate an analysis pipeline step by step, whi...

Please sign up or login with your details

Forgot password? Click here to reset