Demonstrating ViviDoc: Generating Interactive Documents through Human-Agent Collaboration
Organizations: State Key Lab of CAD&CG, Zhejiang University · HKUST(GZ) · National University of Singapore · University of Virginia
Abstract
Interactive articles help readers engage with complex ideas through exploration, yet creating them remains costly, requiring both domain expertise and web development skills. Recent LLM-based agents can automate content creation, but naively applying them yields uncontrollable and unverifiable outputs. We present ViviDoc, a human-agent collaborative system that generates interactive educational documents from a single topic input. ViviDoc introduces a multi-agent pipeline (Planner, Executor, Evaluator) and the Document Specification (DocSpec), a human-readable intermediate representation that decomposes each interactive visualization into State, Render, Transition, and Constraint components. The DocSpec enables educators to review and refine generation plans before code is produced, bridging the gap between pedagogical intent and executable output. Expert evaluation and a user study show that ViviDoc substantially outperforms naive agentic generation and provides an intuitive editing experience. Our project homepage is available at https://vividoc-homepage.vercel.app/.
Figures & tables
| Natural language description | |
| “The reader can adjust the radius of a circle using a slider, and as the radius changes, the visualization updates the circle while recalculating and displaying the circumference, diameter, and ratio, allowing the reader to see that the ratio stays roughly the same.” | |
| SRTC Interaction Specification | |
| S | r : slider , default 1; C : derived ; D : derived ; ratio : derived |
| R | A circle whose size reflects ; labels showing , , and ratio |
| T | Dragging the slider changes ; , , ratio update automatically |
| C | ratio regardless of |