Claude로 대화 한 줄만에 인터랙티브 차트 만드는 법!
ChatGPT는 여전히 텍스트로 설명하는 동안, Claude는 대화창 안에서 클릭·호버·슬라이더가 작동하는 실시간 대시보드를 바로 만들어냅니다.
2026년 3월 업데이트로 claude.ai 채팅창 안에 인터랙티브 HTML + SVG + JS 차트·다이어그램이 인라인으로 생성됩니다. 아래는 모두 claude.ai 채팅창에서 직접 생성된 스크린샷입니다. claude.ai에 아래 내용을 그대로 붙여넣으면 수 초 안에 결과물이 나옵니다. 위 프롬프트 중 하나를 복붙하면 수 초 안에 결과물이 나옵니다. 댓글로 어떤 시각화를 만들어봤는지 후기 남겨주세요.
시각화
2026.03.13Claude가 대화 중에 인터랙티브 차트·다이어그램을 바로 그려줍니다
매출 분석을 30초 만에 끝낸 순간, 진짜 “이게 AI구나” 싶었어요.1Claude 인라인 시각화란?
기존 Artifacts와 달리 실시간 호버·클릭·파라미터 조작이 모두 됩니다.
Claude: “그냥 그림으로 바로 보여드릴게요.”2실제 출력 예시 — claude.ai에서 생성된 결과물




3바로 복붙해서 쓰는 실전 프롬프트 3개
매출 대시보드 (직장인 필수)다음 매출 데이터를 인터랙티브 바 차트 + 라인 차트로 만들어줘.
데이터: 1월 520만원, 2월 680만원, 3월 920만원, 4월 1250만원
목표치는 각각 600, 700, 900, 1100만원으로 비교해줘.
제목은 '월별 매출 추이', 호버 시 정확한 숫자와 퍼센트 나오게 해줘.
예산 분배 파이차트우리 팀 예산 분배를 인터랙티브 파이 차트로 만들어줘.
마케팅 35%, 개발 40%, 영업 15%, 운영 10%.
클릭하면 해당 부서 상세 설명이 팝업되게 하고,
제목은 '부서별 예산 분배'로 해줘.
투자 상관관계 산점도투자 금액에 따른 예상 수익률을 인터랙티브 산점도로 그려줘.
12개 포인트 예시로 만들어서, 호버 시 투자액·수익률·예상 ROI 보여주고
트렌드 라인도 추가해. 제목은 '투자 금액 vs 수익률 상관관계'로 해줘.
4직군별 활용법 — 생산성 폭발 포인트
5프로 팁
프롬프트 끝에 "dark mode로" 또는 "SVG export 가능하게"를 붙이면 더 세련되고 활용도 높은 시각화가 나옵니다.
복잡한 대시보드가 필요하다면 "interactive dashboard로 보여줘"를 추가하세요.지금 claude.ai에서 직접 테스트해보세요





