512 Paths to the White House

마이크 보스톡(Mike Bostock)이 제작한 2012년 미국 대선 인터랙티브 의사결정 트리는 9개 경합주를 기준으로 가능한 512가지 결과를 모두 시각화했습니다. 트리를 통과하는 각 경로는 주별 승리 조합을 나타냈고, 트리의 너비는 확률을 인코딩했습니다.

Mike Bostock's interactive decision tree for the 2012 U.S. presidential election visualized all 512 possible outcomes based on 9 swing states. Each path through the tree represented a different combination of state wins, with the tree's width encoding probability.

이 작품은 인터랙티브 데이터 저널리즘의 이정표였습니다 — 보스톡이 1년 전에 만든 D3.js로 제작되어, 웹 네이티브 인터랙션이 복잡한 확률 정보를 직관적으로 전달할 수 있음을 보여주었습니다. 사용자는 어느 주에든 마우스를 올려 그 결과가 전체 확률 균형을 어떻게 바꾸는지 확인할 수 있었습니다.

The piece was a landmark in interactive data journalism — built with D3.js (which Bostock had created the year before), it demonstrated that web-native interactivity could make complex probabilistic information intuitive. Users could hover over any state to see how it shifted the balance of outcomes.

이 작품은 뉴욕타임스 그래픽 데스크를 선거 시각화의 표준으로 자리매김하게 했고, 전 세계 뉴스룸에서 인터랙티브 의사결정 트리가 유행하는 계기가 되었습니다. D3.js 자체도 이후 웹 기반 데이터 시각화를 대표하는 라이브러리로 자리잡았습니다.

It established the NYT graphics desk as the gold standard for election visualization and launched a wave of interactive decision trees in newsrooms worldwide. D3.js itself went on to become the dominant library for web-based data visualization.