Claude Sonnet 4.6 기준
IT/AI
Claude 인터랙티브 차트, 공짜라는 게 함정입니다
모든 요금제 무료 공개 직후, 실제로 써보니 “저장이 안 된다”는 사실부터 막혔습니다. 아티팩트(Artifacts)와 뭐가 다른지, iOS에서 왜 안 뜨는지, ChatGPT가 이미 먼저 했다는 게 사실인지 — 공식 발표문과 실사용 흐름을 같이 놓고 보니 이런 차이가 보였습니다.
이게 아티팩트랑 다른 이유가 있습니다
Claude에는 이미 아티팩트(Artifacts)가 있습니다. 코드나 문서를 생성할 때 오른쪽 사이드 패널에 결과물이 저장되는 그 기능입니다. 그래서 “인터랙티브 차트도 아티팩트 아닌가?” 싶을 수 있는데, Anthropic이 공식 블로그에서 명확하게 선을 그었습니다.
💡 공식 발표문과 실제 사용 흐름을 같이 놓고 보니 이런 차이가 보였습니다
Anthropic 공식 블로그(2026.03.12)에는 이렇게 나옵니다: “Artifacts are permanent tools and documents. By contrast, these charts serve a different purpose — they appear in-line and they’re temporary.” 아티팩트는 영구 보존이 목적, 인터랙티브 차트는 대화 중 이해를 돕는 순간의 도구입니다. 대화가 이어지면 차트는 바뀌거나 사라집니다.
실제로 사이드 패널이 아닌 채팅창 안 인라인에 렌더링된다는 점이 핵심입니다. 슬라이더를 움직이고, 데이터 포인트에 마우스를 올려 세부 정보를 확인하고, 클릭으로 구간을 펼치는 것이 모두 채팅 화면 안에서 바로 됩니다. 별도 화면으로 전환할 필요가 없습니다.
기술적으로는 HTML과 SVG로 구현됩니다. 이미지 파일을 생성하는 게 아니라 웹페이지를 구성하는 것과 같은 방식으로 동작합니다. 그래서 클릭·호버·슬라이더 같은 상호작용이 가능한 것이고, SVG나 HTML 파일로 내보낼 수도 있습니다. (출처: Anthropic 공식 블로그, claude.com/blog/claude-builds-visuals, 2026.03.12)
실제로 만들어지는 것들 — 가능한 유형 정리
직접 써보거나 실사용자 사례로 확인된 것들만 추렸습니다. Claude가 자동으로 판단해서 생성하기도 하고, 명시적으로 요청해도 됩니다.
| 유형 | 예시 | 인터랙션 |
|---|---|---|
| 데이터 차트 | 라인·바·스캐터·에어리어 | 호버 툴팁, 슬라이더 |
| 플로우 차트 | 프로세스 흐름, 알고리즘 단계 | 클릭 확장, 노드 강조 |
| 개념 시뮬레이터 | 복리 계산기, 물리 시뮬레이션 | 파라미터 조절, 실시간 업데이트 |
| 타임라인 | 역사적 사건, 프로젝트 일정 | 클릭 시 세부 정보 |
| 주기율표 등 구조도 | 원소 클릭 시 상세 정보 | 클릭, 호버 |
| UI 목업 | 와이어프레임, 대시보드 프로토타입 | 버튼·탭 전환 |
나무위키 Claude 항목(2026.03.17 업데이트)에 따르면 “HTML/SVG로 구현 가능한 시각물이 모두 시각화 가능하다”고 정리되어 있는데, 이건 거의 사실입니다. 단, 이미지 생성(사진, 사실적 그림)은 해당 없습니다. Claude는 자체 이미지 생성 모델이 없고, 이 기능은 코드 기반 시각화에만 해당합니다.
ChatGPT가 먼저 했다는 게 사실입니다 — 근데 방식이 다릅니다
이 부분이 좀 복잡합니다. ChatGPT는 이미 오래전부터 ‘인터랙티브 시각화’를 제공해왔습니다. 그런데 2026년 3월 10일, OpenAI가 수학·과학 개념 중심의 인터랙티브 시각 설명 기능을 추가로 출시했습니다. Claude보다 이틀 빠릅니다. (출처: TechCrunch, 2026.03.10)
💡 두 서비스가 같은 주간에 비슷한 기능을 내놓은 게 우연이 아닙니다
9to5Mac(2026.03.13)은 이 상황을 이렇게 정리했습니다: “Both moves show how AI is evolving from the initial chatbot phase to something more mature.” ChatGPT가 70개 이상 수학·과학 개념에 미리 만들어 둔 시각화를 붙이는 방식이라면, Claude는 요청 내용에 맞춰 처음부터 코드를 써서 만드는 방식입니다. 전자는 빠르고 안정적이지만 주제가 고정, 후자는 커스텀이 자유롭지만 복잡할수록 오류 가능성이 있습니다.
ChatGPT Advanced Data Analysis(구 Code Interpreter)도 시각화를 지원하는데, 이쪽은 주로 정적 이미지 출력입니다. Hacker News(news.ycombinator.com, 2026.03.13) 실사용자 비교에 따르면 “ChatGPT에서 같은 결과를 얻으려면 색상, 캔버스, 인터랙션을 모두 지시해야 하고 결국 작동 안 하는 경우가 많다. Claude는 그냥 됐다”는 반응이 주를 이뤘습니다.
간단하게 정리하면: Claude는 채팅창 안에서 바로 켜지는 인터랙티브 코드 결과물, ChatGPT는 사전 제작 시각화 또는 Python 정적 차트 이미지가 주력입니다. 둘 다 “시각화”지만 작동 방식이 다릅니다.
쓰다 보면 막히는 조건 3가지
공식 발표 자체는 “모든 플랜 무료, 기본 활성화”였습니다. 근데 실제로 쓰다 보면 예상과 다른 상황을 만납니다.
① iOS/Android 앱은 아직 지원 안 됩니다
Hacker News 실사용자 보고(2026.03.13): “iOS/iPadOS 앱은 아직 시각화 API를 지원하지 않습니다. 앱스토어 업데이트도 없습니다.” claude.ai 서브스택 가이드(2026.03.18)도 “웹·데스크톱 앱만 지원, 모바일 미지원”을 명시하고 있습니다. 스마트폰에서만 쓰는 경우라면 지금은 이 기능을 쓸 수 없습니다.
② 차트가 아닌 아티팩트가 나올 때가 있습니다
같은 프롬프트를 써도 Pro 플랜과 Max 플랜에서 결과가 다르게 나왔다는 사례가 있습니다. Sonnet 4.6 Pro 플랜에서는 인라인 대신 JSX 아티팩트로 생성되고 그 과정에서 일일 사용량 한도를 소진한 케이스도 보고됐습니다. 아직 베타 상태라 플랜·앱 버전별로 동작이 불안정할 수 있습니다.
③ 저장이 안 됩니다 — 진짜 “임시”입니다
앞서 말한 것처럼 이 차트는 대화가 이어지면 바뀌거나 사라집니다. 보관하려면 “이미지로 복사”, “.svg 또는 .html로 다운로드”, “아티팩트로 저장” 중 하나를 직접 선택해야 합니다. 아무것도 안 하고 대화를 진행하면 차트가 교체됩니다. 막상 써보면 이 부분에서 당황하는 경우가 많습니다.
이 세 가지만 미리 알고 시작하면 “왜 내 폰에선 안 되지?”, “왜 갑자기 사라졌지?”를 겪지 않습니다.
화려한 차트를 맹신하면 생기는 문제
Hacker News 토론에서 가장 날카롭게 제기된 지적이 바로 이 부분입니다. 시각화가 멋있어 보일수록 데이터를 더 믿게 되는데, Claude가 만든 차트의 수치는 Claude가 추정한 것일 수 있습니다.
💡 “차트가 그럴싸하면 데이터도 정확하다”는 착각이 생기는 이유가 있습니다
Hacker News 실사용자(2026.03.13): “LLM으로 만든 차트는 인간이 공들여 만든 것처럼 보이게 해서 오히려 신뢰를 과도하게 줍니다. 데이터가 맞는지 틀렸는지는 여전히 검증이 필요합니다.” 인간이 차트 하나를 만들면 최소 수십 분이 걸립니다. 그 시간 동안 자연스럽게 수치를 검토하게 됩니다. Claude는 수초 안에 만드는데, 그 수치를 검증하는 과정은 없습니다.
실제 데이터를 직접 붙여 넣고 시각화를 요청하는 경우는 상대적으로 안전합니다. 문제는 “이 개념을 차트로 설명해줘” 같은 개방형 요청입니다. 이 경우 Claude가 대표적인 수치나 예시를 생성해 차트를 만드는데, 이 수치가 현실과 다를 수 있습니다. 예쁜 차트지만 출처가 없는 숫자인 겁니다.
실용적인 방법은 하나입니다. 직접 데이터를 제공하고 구조를 설명한 뒤 시각화를 요청하는 것입니다. “이 개념 보여줘” 보다 “이 숫자들로 이 차트를 만들어줘” 방식으로 쓸 때 결과물의 신뢰도가 높습니다.
잘 쓰려면 프롬프트를 이렇게 바꿔야 합니다
실제로 시각화가 나왔는데 인터랙티브 차트 대신 텍스트만 뜰 때는, 명시적으로 요청하면 거의 무조건 됩니다. 공식 발표문과 실사용 팁을 종합하면 아래 패턴이 가장 안정적으로 작동합니다.
✅ 잘 작동하는 프롬프트 패턴
→ “이 데이터를 인터랙티브 차트로 보여줘. 코드 말고 차트만.”
→ “슬라이더로 연 수익률을 조절할 수 있는 복리 계산기를 만들어줘.”
→ “이 데이터로 라인 차트 만들어줘. 각 데이터 포인트에 호버 툴팁 포함.”
(내부 도구명이 ‘widget’으로 추정됨 — “widget으로 보여줘”도 잘 작동한다는 실사용자 보고 있음, Hacker News 2026.03.13)
❌ 결과가 불안정한 패턴
→ “이 개념 차트로 설명해줘” (데이터 없이 개방형으로 요청 시 수치 추정 가능)
→ 복잡한 멀티 패널 대시보드를 한 번에 요청 (처음부터 전부 요청하면 오류율 높아짐)
→ “멋있는 인포그래픽 만들어줘” (사실적 이미지 생성과 혼동할 수 있음)
복잡한 시각화를 원한다면 한 번에 전부 요청하지 말고 차트 하나 먼저 만든 후 같은 대화에서 추가 수정을 요청하는 방식이 훨씬 안정적입니다. 아티팩트처럼 대화 전반에 걸쳐 저장되진 않지만, 같은 대화 흐름 안에서는 지속적으로 수정해 나갈 수 있습니다.
Q&A — 자주 막히는 질문 5개
마치며
Claude 인터랙티브 차트는 분명히 써볼 만한 기능입니다. 복리 계산기나 데이터 흐름 시각화 같은 걸 몇 초 만에 채팅창 안에서 만들 수 있다는 건 실용적인 변화입니다. 직접 써봐도 처음에는 좀 신기합니다.
근데 세 가지는 기억해 두는 게 좋습니다. 첫째, 모바일에서는 지금 아직 안 됩니다. 웹이나 데스크톱 앱에서만 동작합니다. 둘째, 저장하려면 직접 행동해야 합니다. 그냥 두면 대화가 이어지면서 사라집니다. 셋째, 직접 데이터를 제공하지 않은 경우 차트 수치를 검증하는 습관이 필요합니다.
ChatGPT가 이틀 먼저 비슷한 기능을 냈다는 사실도 흥미롭습니다. 두 서비스 모두 텍스트 전용 인터페이스에서 벗어나는 방향으로 빠르게 움직이고 있습니다. 앞으로 어느 쪽이 더 안정적으로 발전할지는 지켜봐야겠지만, 지금 당장은 인터랙티브 커스텀 시각화 쪽에서 Claude가 더 자연스럽게 동작합니다. 직접 써보고 판단하는 게 가장 빠릅니다.
본 포스팅 참고 자료
- Anthropic 공식 블로그 — “Claude builds interactive visuals right in your conversation” (claude.com/blog/claude-builds-visuals, 2026.03.12)
- 9to5Mac — “ChatGPT and Claude are evolving from chatbots into interactive learning tools” (9to5mac.com, 2026.03.13)
- MindStudio 블로그 — “Claude Interactive Visualizations vs ChatGPT Interactive Learning” (mindstudio.ai, 2026.03)
- Hacker News 토론 스레드 — Claude interactive visualizations 실사용자 반응 (news.ycombinator.com/item?id=47352751, 2026.03.13)
- Substack — “Claude Charts 101: The Complete Guide to Interactive Visualizations” (sidsaladi.substack.com, 2026.03.18)
본 포스팅은 2026년 3월 22일 기준으로 작성되었습니다. Claude Sonnet 4.6 / 베타 기능 기준입니다.
본 포스팅 작성 이후 서비스 정책·UI·기능이 변경될 수 있습니다. 최신 정보는 claude.com/blog에서 확인하세요.
댓글 남기기