이 기능이 뭔지, 한 문장으로 정리하면

“복합 이자가 어떻게 늘어나요?”라고 물으면 Claude가 직접 슬라이더가 달린 곡선 그래프를 대화창 안에 그려줍니다. 따로 아무것도 요청 안 해도 됩니다. Claude가 스스로 “이 내용은 시각으로 보여주는 게 낫겠다”고 판단하고, 곧바로 HTML·SVG·JavaScript로 만든 인터랙티브 요소를 인라인으로 렌더링합니다. (출처: Anthropic 공식 블로그, 2026.03.12)

핵심 포인트는 ‘대화 흐름 안에 삽입된다’는 점입니다. 기존 아티팩트는 오른쪽 사이드 패널에 따로 열렸지만, 이번 기능은 채팅 버블 안에 그냥 차트가 뜹니다. 주기율표를 물어보면 원소별로 클릭 가능한 인터랙티브 표가 답변 안에 붙어서 나옵니다.

Anthropic이 지난 가을 “Imagine with Claude”라는 이름으로 미리 공개했던 개념의 정식 베타 버전입니다. 기본값이 켜진 상태이고, 직접 요청(“이걸 다이어그램으로 그려줘”, “시간에 따라 어떻게 변하는지 시각화해줘”)도 가능합니다. 만든 시각 요소는 대화가 이어지면서 바뀌거나 사라집니다. — 이게 아티팩트와 가장 크게 다른 점이지만, 뒤에서 더 풀겠습니다.

▲ 목차로 돌아가기

아티팩트랑 뭐가 다른가요 — 헷갈리는 이유가 있습니다

솔직히 말하면 처음엔 저도 헷갈렸습니다. 둘 다 Claude가 만들고, 둘 다 인터랙티브하고, 둘 다 HTML/SVG가 나오는 것 같아서요. 실제로 Reddit ClaudeAI 커뮤니티에서도 “이게 아티팩트랑 뭐가 다르냐”는 질문이 가장 많이 올라왔습니다.

차이를 표로 보는 게 가장 빠릅니다.

▲ 인라인 시각화 vs 아티팩트 비교 (출처: Anthropic 공식 블로그 2026.03.12, Reddit ClaudeAI 커뮤니티 정리)

Claude는 프롬프트 맥락을 보고 Visualizer 도구를 쓸지 Artifact 도구를 쓸지 스스로 결정합니다. “위젯 보여줘”라고 명시적으로 요청하면 인라인 시각화 쪽으로 유도할 수 있습니다. (출처: Hacker News 스레드, 2026.03.13)

▲ 목차로 돌아가기

토큰이 조용히 사라지는 구조

기능 자체는 훌륭합니다. 근데 여기서 대부분의 블로그가 빠뜨리는 얘기가 있습니다. 시각화 응답 하나가 텍스트 응답보다 토큰을 최대 12배 더 씁니다.

▲ 응답 유형별 토큰 소비량 (출처: Reddit r/ClaudeAI, 2026.03.17 실측)

시각화 50% 혼용 대화라면 가능 횟수가 182회에서 74회로 줄어듭니다. 대화 횟수가 반 토막 납니다.

여기에 두 번째 문제가 겹칩니다. 대화 이력에 이미 렌더링된 위젯 코드가 그대로 남아 입력 토큰으로 쌓인다는 점입니다. 15번 대화를 나누면 과거 위젯들의 SVG·HTML 코드가 컨텍스트에 누적돼 10,000~20,000 토큰이 그냥 죽어 있는 상태가 됩니다. 이 코드는 이미 화면에 그려졌으니 더 이상 참조할 필요가 없는데, Claude 입장에서는 계속 읽어야 하는 입력입니다. (출처: Reddit r/ClaudeAI, BackgroundWash5885, 2026.03.17)

실제로 Hacker News 스레드에서 한 사용자는 $20 Pro 플랜으로 공식 예시의 주기율표를 생성하다가 하루 사용 한도에 도달했다고 공유했습니다. 시각화 기능 하나가 하루치 한도를 잡아먹은 겁니다. (출처: Hacker News item 47352751, 2026.03.13)

▲ 목차로 돌아가기

써보니 진짜 좋은 상황 vs 꺼두는 게 나은 상황

기능 자체가 나쁜 게 아닙니다. 맥락에 따라 쓰임이 완전히 갈립니다. 먼저 정말 빛나는 상황부터 짚어보겠습니다.

✅ 켜두면 확실히 유리한 상황

• 개념 학습 중일 때 — 복합 이자, 알고리즘 흐름, 물리 역학 같은 개념 이해에서 슬라이더를 직접 조작하며 변화를 확인하는 경험은 텍스트로는 불가능합니다. Reddit에서 음악 이론 수업 중 실시간으로 코드 진행 애니메이션을 만들어 활용한 사례가 공유됐습니다. (출처: Reddit r/ClaudeAI, Mescallan, 2026.03.12)
• 데이터 구조 파악이 필요할 때 — HN에서 한 사용자는 포트폴리오 분석을 요청했더니 요청하지 않았는데도 탭이 달린 인터랙티브 차트가 즉시 만들어졌다고 했습니다. 직접 만들면 일주일이 걸렸을 것이라는 평가입니다. (출처: Hacker News item 47352751, 2026.03.13)
• UI 와이어프레임이나 로직 플로우 설계 초안이 필요할 때 — 코딩 논리 설계 전 단계에서 흐름을 시각적으로 잡는 용도로 매우 빠릅니다.

❌ 꺼두거나 선택적으로 쓰는 게 나은 상황

• Pro 플랜($20/월)으로 긴 코딩 작업을 할 때 — 시각화가 자동으로 끼어들면 대화 한도가 빠르게 소진됩니다. 코드 작업처럼 토큰 소비가 원래 많은 작업과 결합되면 한도 도달이 예상보다 훨씬 빠릅니다.
• 모바일(iOS / iPadOS)에서 쓸 때 — iOS 앱과 iPadOS 앱은 현재 인라인 시각화 API를 지원하지 않습니다. 기본 켜진 상태지만 실제로는 작동하지 않거나, 시각화 대신 JSX 아티팩트가 사이드 패널에 열립니다. Hacker News 댓글에서 앱스토어 업데이트가 아직 없다는 점이 확인됐습니다. (출처: Hacker News item 47352751, 2026.03.13)
• 단순 질답이나 글쓰기 업무 위주로 쓸 때 — 시각화가 도움이 안 되는데 토큰만 먹는 구조입니다. 코드가 화면에 그냥 출력되고 렌더링이 안 되는 버그도 간헐적으로 발생합니다. “코드만 보인다”고 하면 Claude가 다시 렌더링하는데, 이게 또 토큰을 씁니다. (출처: Reddit r/ClaudeAI, TBT_TBT, 2026.03.12)

▲ 목차로 돌아가기

ChatGPT·Gemini와 실제로 다른 점

비슷한 시기에 ChatGPT도 수학·과학 개념용 인터랙티브 시각화를 출시했고, Google Gemini는 교육용 인터랙티브 이미지를 이미 제공해왔습니다. (출처: The Verge, 2026.03.12)

ChatGPT의 시각화는 주로 수학·과학 주제에 특화된 형태입니다. Hacker News 사용자의 직접 비교에서, ChatGPT에 시각화를 요청하면 색상, 캔버스 지정, 인터랙티브 여부를 다 직접 지정해야 하고, 미리보기 버튼을 누르고 나서도 제대로 렌더링이 안 되는 경우가 잦다는 평가가 나왔습니다. Claude의 경우 “복잡한 요청 없이 자동으로 아름다운 UX로 출력됐다”는 반응이 많았습니다. (출처: Hacker News item 47352751, 2026.03.13)

Gemini의 교육용 이미지는 인터랙티브 캔버스 기반입니다. 같은 스레드에서 “ChatGPT보다는 훨씬 낫지만 Claude만큼은 아니다”는 평가가 있었습니다. Gemini의 이전 인터랙티브 이미지 기능은 2025년 11월에 발표됐지만 “현실에서 존재하지 않는 수준”이라는 비판도 있었습니다. (출처: Reddit r/ClaudeAI, Comprehensive_Aide94, 2026.03.12)

Claude의 방식이 다른 점은 대화 흐름 자체가 바뀐다는 점입니다. 단순히 차트를 보여주는 게 아니라, 차트가 나온 다음 “이 파라미터를 바꿔줘”라고 하면 차트가 바로 업데이트됩니다. 사용자가 시각 요소로 Claude의 이해도를 점검하고, 틀린 부분을 직접 가리키는 식의 상호작용이 가능합니다. 이런 특성을 Reddit 사용자가 “단순 질의응답에서 시스템 탐색 도구로 전환된 것”으로 표현했고, 1,292 추천을 받은 공식 공지 댓글에서 “This is a massive win for Claude”라는 평이 나왔습니다. (출처: Reddit r/ClaudeAI, ClaudeOfficial, 2026.03.12)

단, 여기서도 한계가 있습니다. Claude는 현재 자체 이미지 생성 모델이 없습니다. 시각화는 전부 HTML·SVG·CSS로 그려지기 때문에, ChatGPT나 Gemini처럼 실사 이미지나 자유로운 형태의 그림은 생성하지 못합니다. Anthropic 공식 문서에서 이유를 밝히지 않은 부분입니다. 캐릭터나 물체를 그려달라고 하면 SVG로 어색하게 구현됩니다.

▲ 목차로 돌아가기

설정 한 줄로 바꾸는 방법

기능을 선택적으로 제어하는 방법은 두 가지입니다.

① 전역 설정에서 끄기

Settings → Capabilities 메뉴에 들어가면 Artifacts와 Inline visualizations 두 가지 토글이 각각 있습니다. 인라인 시각화만 따로 끌 수 있습니다. 아티팩트 기능은 그대로 두고 인라인 시각화만 비활성화하는 게 가능합니다. (출처: Reddit r/ClaudeAI, Comprehensive_Aide94, 2026.03.12)

② 대화 단위로 제어하기

전역 설정을 그대로 두고, 특정 메시지에서만 시각화를 쓰고 싶을 때는 직접 요청하면 됩니다. “이걸 인터랙티브 다이어그램으로 보여줘”라고 하거나, “위젯 형태로 보여줘”라고 하면 인라인 시각화 도구를 사용합니다. 반대로 특정 응답에서 시각화를 원하지 않으면 프롬프트에 “텍스트로만 답해줘”를 붙이면 됩니다.

③ 코드만 보일 때 빠른 해결

인터랙티브 차트 대신 코드 텍스트가 그대로 출력되는 버그가 간헐적으로 발생합니다. 이럴 때는 “I only see code”라고 입력하거나 “렌더링해줘”라고 하면 Claude가 다시 시각 요소를 그려줍니다. 단, 이때도 토큰이 추가로 소비됩니다. (출처: Reddit r/ClaudeAI, TBT_TBT, 2026.03.12)

개인적으로는 Pro 플랜 기준으로 코딩 중심 대화가 많다면 끄고 필요할 때만 명시적으로 요청하는 게 낫다고 봅니다. 학습 목적이나 개념 탐색이 메인이라면 켜둔 채로 쓰는 게 확실히 가치 있습니다.

▲ 목차로 돌아가기

자주 나오는 질문 5가지

▲ 목차로 돌아가기

마치며

Claude 인라인 시각화는 분명히 잘 만든 기능입니다. 대화 흐름 안에서 슬라이더를 움직여 복합 이자 변화를 확인하거나, 주기율표를 클릭해가며 탐색하는 경험은 텍스트로는 줄 수 없는 것입니다. Hacker News에서 “포트폴리오 분석 차트를 직접 만들었다면 일주일이 걸렸을 것”이라는 말이 과장이 아닌 이유가 여기 있습니다.

그런데 “기본 켜짐”이라는 설정은 생각보다 비용이 따릅니다. 시각화 하나에 텍스트보다 최대 12배 토큰이 나가고, 과거 위젯 코드가 컨텍스트에 쌓이면 그 자체로 한도를 갉아먹습니다. 모바일 앱에서는 아직 제대로 작동하지도 않습니다.

결론은 간단합니다. 학습·탐색 목적이면 켜두고 마음껏 쓰세요. 코딩 작업이나 단순 질답 위주라면 Settings → Capabilities에서 Inline visualizations 토글을 꺼두고, 필요할 때만 “위젯으로 보여줘”라고 요청하는 방식이 현실적입니다.

▲ 목차로 돌아가기

본 포스팅 참고 자료

1. Anthropic 공식 블로그 — Claude builds interactive visuals (2026.03.12)
2. The Verge — Anthropic’s Claude AI can respond with charts, diagrams (2026.03.12)
3. Reddit r/ClaudeAI — Claude’s Visualizer token drain 실측 데이터 (2026.03.17)
4. Hacker News — Claude creates interactive charts, 커뮤니티 반응 (2026.03.13)
5. eWeek — Anthropic’s Claude AI Can Now Generate Charts and Diagrams Inside Chat (2026.03.13)