Idyll Studio: A Structured Editor for Authoring Interactive & Data-Driven Articles
Authors
Interactive articles are an effective medium of communication in education, journalism, and scientific publishing, yet are created using complex general-purpose programming tools. We present \textit{Idyll Studio}, a structured editor for authoring and publishing interactive and data-driven articles. We extend the Idyll framework to support reflective documents, which can inspect and modify their underlying program at runtime, and show how this functionality can be used to reify the constituent parts of a reactive document model---components, text, state, and styles---in an expressive, interoperable, and easy-to-learn graphical interface. In a study with 18 diverse participants, all could perform basic editing and composition, use datasets and variables, and specify relationships between components. Most could choreograph interactive visualizations and dynamic text, although some struggled with advanced uses requiring unstructured code editing. Our findings suggest \textit{Idyll Studio} lowers the threshold for non-experts to create interactive articles and allows experts to rapidly specify a wide range of article designs.
Research Questions / Practical Problems
Question signals indexed for this paper.
- 80%
ConceptScope: Organizing and Visualizing Knowledge in Documents based on Domain Ontology
CHI '21· Interactive Data Visualization +1
- 80%
Coupling Story to Visualization: Using Textual Analysis as a Bridge Between Data and Interpretation
IUI '18· Interactive Data Visualization +1
- 67%
Improving Comprehension of Measurements Using Concrete Re-expression Strategies
CHI '18· Interactive Data Visualization +2
- 67%
Comparing Effectiveness and Engagement of Data Comics and Infographics
CHI '19· Interactive Data Visualization +1
- 67%
Using Open Data to Automatically Generate Localized Analogies
CHI '24· Interactive Data Visualization +2
- 67%
Idyll: A Markup Language for Authoring and Publishing Interactive Articles on the Web
UIST '18· Interactive Data Visualization +1
- 60%
Interactive Context-Preserving Color Highlighting for Multiclass Scatterplots
CHI '23· Interactive Data Visualization
Based on Jaccard similarity of research subtopics & professions (≥60%)