Explorable Explanations

エクスプローラブル・エクスプラネーション / 2011– / Technik / Lesen im Web

Der Name, den Bret Victor in einem Aufsatz vom März 2011 gleichen Titels einer Schreibweise gab, die ein laufendes Modell in den Fließtext einbettet. Zahlen im Text tragen eine gepunktete Unterstreichung, und wer eine davon greift und zieht, schreibt zugleich den weiteren Satz und die Abbildung daneben um. So kann die Leserin die Grundlage einer Behauptung selbst durchrütteln.

Explorable Explanations — Vi Hart und Nicky Case, Parable of the Polygons, 2014 — Wikimedia Commons / CC0 — Vi Hart und Nicky Case, Parable of the Polygons, 2014 — Wikimedia Commons / CC0 · CC0

Explorable Explanations — Nicky Case, To Build a Better Ballot, 2016 — Wikimedia Commons / CC0 — Nicky Case, To Build a Better Ballot, 2016 — Wikimedia Commons / CC0 · CC0

Explorable Explanations — Piotr Migdał, Virtual Lab by Quantum Flytrap, 2024 — Wikimedia Commons / CC BY-SA 4.0 — Piotr Migdał, Virtual Lab by Quantum Flytrap, 2024 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0

Auf einen Blick

Visuelle Merkmale

Zahlen mitten im Fließtext sitzen auf einer gepunkteten Unterstreichung und werden bei Berührung blau
Zieht man eine dieser Zahlen, schreiben sich der folgende Satz und die benachbarte Abbildung gleichzeitig um
Die Abbildungen sind nicht in einen eigenen Sandkasten gesperrt, sondern stehen ohne Bruch zwischen den Absätzen
Auch unberührt bleibt der Text lesbar, weil die Ausgangswerte die Abbildungen bereits sinnvoll machen

Geeignet für

Wenn eine Erklärung auf einem Modell aufbaut und die Leserinnen die Annahmen selbst verändern können sollen
Wenn Lehrmaterial nicht nur das Ergebnis zeigen soll, sondern auch die Bedingungen, unter denen es kippt

Diesen Stil verwenden

Nutze das Kurzbriefing im Projekt oder übergib die strukturierte Spezifikation an ein KI-Werkzeug.

design.md Bild-Prompt JSON API MCP und Maschinenzugriff Verbinden

in ChatGPT öffnen in Claude öffnen in Google AI öffnen

Ausführliche Anleitung und QuellenProduktionsregeln, Referenzwerke, Vergleiche, Forschung und Zitate

Wörterbucheintrag

Typografie: Den Fließtext wie gewöhnliche Lektüre setzen und allein die veränderlichen Zahlen kennzeichnen, mit Unterstreichung und Farbe und nie mit einer anderen Schrift.
Komposition: Den Text auf eine Spalte von etwa 600px begrenzen und jede Abbildung neben oder unmittelbar nach dem zugehörigen Absatz platzieren, nah genug, dass Griff und Wirkung in einem Blickfeld liegen.
Material: Die Bedienung auf Greifen und Ziehen beschränken, ohne Eingabefelder und ohne Absendeknopf, und immer Ausgangswerte mitliefern, die schon etwas aussagen.
Zu vermeiden: Erscheint der Inhalt erst, wenn die Leserin etwas anfasst, bekommt jeder, der nichts anfasst, einen leeren Artikel.
Zum Weiterlesen: Bret Victor's 2011 article itself, and the Tangle implementation released with it / the difference between the three types, reactive document, explorable example and contextual information / writing the same argument once with a static figure and once with a variable one, and testing where understanding parts ways

Wird oft verwechselt mit

Scrollytelling (スクロールテリング)vergleichen

Mehr aus Lesen im Web

Weitere Stile aus Lesen im Web, nach gemeinsamen Wirkungen geordnet.

Infinite Canvas (インフィニット・キャンバス)Gemeinsame Wirkungen: Play.
Webtoon (Vertical-Scroll Comics) (ウェブトゥーン（縦スクロール漫画）)Gemeinsame Wirkungen: Play.
Single-Serving Site (シングルサービング・サイト)Gemeinsame Wirkungen: Play.

Alle Einträge aus Lesen im Web ansehen

Diesen Eintrag zitieren

Das Wörterbuch ist zum Verlinken gedacht. Nehmen Sie die Form, die dorthin passt, wo Sie schreiben.

Link: https://indexstyle.org/de/styles/explorable-explanations
Markdown: [Explorable Explanations — IndexStyle](https://indexstyle.org/de/styles/explorable-explanations)
HTML: <a href="https://indexstyle.org/de/styles/explorable-explanations">Explorable Explanations — IndexStyle</a>

Zurück zur Position im Index