태블로 퍼블릭 레퍼런스를 HTML로 구현하기 (feat. Claude)

이 인터랙티브 HTML 대시보드는 클로드(Claude)를 활용해 태블로의 벤치마크 데이터셋인 '샘플 슈퍼스토어(Sample Superstore)'와 태블로 퍼블릭의 우수 대시보드 레퍼런스를 함께 참고하여 제작했습니다. BI 플랫폼 없이도 최신 웹 브라우저에서 단독으로 동작합니다.

디자인은 Tableau Public에서 Viz of the Day에 선정되기도 한 P. Padham의 대시보드에서 볼 수 있는 다크 테마 카드 레이아웃, 상단 핵심 KPI 요약, 계층적 시각화 구성을 벤치마킹했습니다.

Prompt

태블로 퍼블릭에는 잘 설계된 대시보드가 많은데, 이런 레퍼런스를 참고해서
실제 데이터와 연동되는 HTML 대시보드를 직접 만들어보고 싶어.

아래 태블로 퍼블릭 대시보드의 구조(레이아웃, KPI 카드, 차트 구성,
인터랙션)를 분석해서, 첨부한 샘플 Superstore 데이터로 실제로 동작하는
HTML 인터랙티브 대시보드로 만들어줘. 정적 이미지가 아니라 실제
데이터로 집계·필터링이 되어야 해.

참고 대시보드: P. Padham, "Superstore Dashboard" (Tableau Public)
https://public.tableau.com/views/SuperstoreDashboard_16709573699130/SuperstoreDashboard