Idyll: A Markup Language for Authoring and Publishing Interactive Articles on the Web
summary
Idyll is a markdown-based compile-to-the-web language that wires document state to interactive components (CSV/JSON data, scroll triggers, bindings) via a reactive runtime and an update props API so components communicate without custom wiring. It ships with 28 components, hides JS build tooling (minify, server rendering, transpile) and offers a one-liner deploy. Pilot use: 19 student groups build high-quality explainer projects; docs see ~120k pageviews and the CLI ~30k downloads, showing practical uptake.
AI-written summary · about
chapters (23)
- 0:00Introduction
- 0:16Idyll
- 0:29Essay explorable explanations
- 0:55Distill Pub
- 1:43New York Times
- 2:34Why Interactive Articles
- 4:07Why Theyre Expensive
- 4:42Theyre Hard to Implement
- 5:06Performance Issues
- 5:18Interactive Articles
- 5:43Research Contributions
- 5:59Markdown
- 6:10Component Library
- 7:00Custom Graphics
- 7:35Document Model
- 8:27Hello World Example
- 10:31Components
- 11:38Custom JavaScript
- 12:16Oneliner
- 12:30Guiding Questions
- 12:58Evaluation
- 13:39Pilot Studies
- 14:37Photo Media
related talks
09mIdyll Studio: A Structured Editor for Authoring Interactive & Data-Driven Articles
10mShow, Don't Tell
47mNovel Markup Language Editing System
28mCode the Docs: Interactive Document Environments
40mHTML Re-imagined for the era of web apps
24mWhat You See is What You Deserve: Simple Visual Tools For All!
19mInteractive Visualizations and UIs in Julia
21mWebsites & Books & Blogs, oh my! Creating Rich Content with Quarto