Plotly·Jupyter 인터랙티브 보고서를 차트 그대로 HTML로 공유하기
자체 포함 HTML로 내보내고 노트북의 민감정보를 제거한 뒤 1MB 제한과 sandbox 경계를 확인해 hover·zoom이 되는 공개 링크를 검증합니다.
INPUT.HTMLLIVE URL
결과를 HTML로 내보낸 뒤 실제 파일을 확인해 공유합니다. GitHub 노트북 화면에서는 사용자 JavaScript가 동작하지 않을 수 있지만 Plotly HTML은 hover, zoom, 범례와 인라인 스크립트를 유지할 수 있습니다. 대신 파일이 커지고 화면에 보이지 않는 원본 데이터까지 들어갈 수 있습니다.
내보내기 방식을 고릅니다
| 방식 | 상호작용 | 주요 제약 |
|---|---|---|
| PNG·SVG | 없음 | 작고 예측 가능하지만 hover·필터 없음 |
| GitHub 노트북 | 제한적 | 사용자 JavaScript가 실행되지 않을 수 있음 |
| CDN Plotly HTML | 라이브러리 로드 시 가능 | 외부 네트워크 필요 |
| 자체 포함 Plotly HTML | 가능 | Plotly 안내상 5MB 이상이 될 수 있음 |
HTML2WEB 익명 공유는 현재 파일 하나, 최대 1MB입니다. 뷰어가 외부 네트워크를 막으므로 CDN 의존 차트도 적합하지 않습니다. 자체 포함 파일은 데이터 전에도 한도를 넘을 수 있습니다.
공유 파일을 준비합니다
- 불필요한 노트북 출력을 지웁니다.
- 토큰, 로컬 경로, 사용자명, 내부 URL, 원본 질의 결과를 제거합니다.
- 민감한 행을 집계하거나 공개 fixture로 바꿉니다.
- 최종 그림이나 필요한 보고서 부분만 내보냅니다.
- 외부 요청 없는 인라인 코드와 스타일을 우선합니다.
- 파일 크기를 byte 기준으로 확인합니다.
- 오프라인에서 HTML 상호작용을 시험합니다.
- 짧은 만료로 게시하고 시크릿 창에서 확인합니다.
보이는 표를 삭제했다고 데이터가 사라진 것은 아닙니다. Plotly trace, hover 필드, 노트북 출력, script 변수, HTML 원문을 검사해야 합니다.
1MB를 넘을 때
- 정적 SVG·PNG와 짧은 해설을 공유합니다.
- 점 개수, 정밀도, 반복 라벨, 미사용 trace를 줄입니다.
- 여러 차트를 목적별 페이지로 나눕니다.
- 큰 파일과 런타임에 맞는 정식 호스팅을 사용합니다.
출처나 접근성 문구를 없애면서 크기만 맞추지 않습니다. 라이브 데이터, 인증, callback, Python 실행이 필요하면 단일 파일 미리보기가 아니라 애플리케이션입니다.
공개 URL에서 키보드, 라벨, hover·zoom, 범례, 모바일 폭, 만료와 네트워크 오류를 확인합니다. 차트를 조작하지 못해도 결론을 알 수 있도록 평문 요약을 먼저 둡니다.
HTML-to-URL 도구에 올리기 전 HTML 비밀정보 점검도 수행하세요.