Explorable Explanations

エクスプローラブル・エクスプラネーション / 2011– / 기법 / 웹에서 읽는 것

Bret Victor가 2011년 3월 같은 제목의 글에서 이름 붙인, 읽을거리 안에 돌아가는 모형을 심는 글쓰기다. 본문의 수치에 점선 밑줄이 그어져 있고 붙잡아 움직이면 이어지는 문장과 곁의 그림이 동시에 다시 쓰인다. 주장의 근거를 독자가 스스로 흔들어 확인할 수 있다.

Explorable Explanations — Vi Hart／Nicky Case 『Parable of the Polygons』 2014년 — Wikimedia Commons / CC0 — Vi Hart／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

한눈에 판단

시각적 특징

본문 속 수치에 점선 밑줄이 그어져 있고 손을 대면 파랗게 바뀐다
그 수치를 좌우로 움직이면 뒤따르는 문장과 곁의 그림이 동시에 다시 쓰인다
그림이 별도의 실험 상자에 갇히지 않고 단락과 단락 사이에 이어져 놓인다
아무것도 건드리지 않아도 그림이 뜻을 이루어 초깃값 그대로 읽어 나갈 수 있다

적합한 용도

수식이나 모형을 담은 해설을 독자가 가정을 바꿔 확인할 수 있는 형태로 공개할 때
교재에서 결론만이 아니라 결론이 뒤집히는 조건까지 보이고 싶을 때

이 양식 사용하기

짧은 지침을 프로젝트에 적용하거나 구조화된 사양을 AI 도구에 넘길 수 있습니다.

design.md 이미지 프롬프트 JSON API MCP·기계 접근 겹치기

ChatGPT에서 열기 Claude에서 열기 Google AI에서 열기

자세한 제작법과 출처제작 규칙, 실제 사례, 비교, 연구, 인용 형식

사전 항목

타이포그래피: 본문은 보통 읽을거리의 조판 그대로 둔다. 변하는 수치만 밑줄과 색으로 구별하고 글꼴은 바꾸지 않는다.
구성: 본문을 600px 안팎의 한 단으로 좁히고 그림은 그것을 설명하는 단락의 바로 옆이나 직후에 놓는다. 만지는 곳과 바뀌는 곳이 한 시야에 함께 들어오는 거리를 지킨다.
재료: 조작은 붙잡아 움직이는 것 하나로 좁히고 입력란과 보내기 버튼은 두지 않는다. 건드리지 않아도 뜻이 통하는 초깃값을 반드시 마련한다.
주의: 건드려야 비로소 내용이 나타나게 만들면 움직이지 않는 독자에게는 그저 빈 기사가 된다.
더 읽을거리: 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

자주 혼동되는 것

Scrollytelling (スクロールテリング)차이 보기

웹에서 읽는 것 더 보기

웹에서 읽는 것에서 공통 인상이 많은 항목을 우선해 골랐습니다.

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

웹에서 읽는 것 전체 보기

이 항목을 인용하기

사전은 링크되기 위해 있다. 글을 쓰는 자리에 맞는 형식을 그대로 가져가면 된다.

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

색인의 원래 위치로