Claude 시각화 기능 직접 써봤습니다 — 되는 것과 막히는 것

Published on

in

Claude 시각화 기능 직접 써봤습니다 — 되는 것과 막히는 것

2026.03.12 출시 기준
베타 서비스
전 플랜 무료 포함

Claude 시각화 기능 직접 써봤습니다
— 되는 것과 막히는 것

복리 계산기를 만들어달라고 했더니 슬라이더까지 달린 인터랙티브 차트가 대화창 안에 바로 나타났습니다. 그런데 다음 질문으로 넘어갔더니 그 차트가 사라졌습니다. Anthropic이 설명한 “일시적 시각화(ephemeral)”의 의미를 직접 경험하고 나서야 이 기능이 무엇을 위한 것인지 명확해졌습니다.

HTML/JS
시각화 구현 방식
전 플랜
무료 포함 모두 적용
베타
2026년 3월 기준

시각화 기능이 정확히 무엇인지, 먼저 짚고 갑니다

2026년 3월 12일, Anthropic이 Claude의 새 기능을 공식 블로그에 올렸습니다. 제목은 “Claude builds interactive visuals right in your conversation”이었고, 공식 릴리즈노트에도 같은 날짜로 기록돼 있습니다. (출처: Anthropic 공식 릴리즈노트, 2026.03.12)

핵심은 한 줄입니다. 대화 흐름 안에서 Claude가 스스로 판단해 인터랙티브한 차트, 다이어그램, 시각화를 생성합니다. 사용자가 “이거 차트로 그려줘”라고 명시하지 않아도, Claude가 시각적 설명이 더 적합하다고 판단하면 자동으로 그려냅니다. (출처: claude.com/blog/claude-builds-visuals, 2026.03.12)

기능을 켜는 별도의 설정 절차는 없습니다. 기본값으로 활성화돼 있고, 원하지 않으면 설정 > Capabilities > Inline visualizations 토글로 끌 수 있습니다. 무료 플랜부터 Max 플랜까지 모두 베타 상태로 사용 가능합니다.

💡 공식 발표문과 실제 사용 흐름을 같이 놓고 보니 — 이 기능은 “만들어달라는 요청”보다 “설명 중에 필요한 순간”에 자동으로 작동한다는 점이 눈에 띄었습니다. “복리가 뭐야?”라고 물으면 Claude가 스스로 슬라이더 달린 차트를 그려주는 방식입니다.

▲ 목차로 돌아가기

Artifacts와 헷갈릴 수밖에 없는 이유가 있습니다

많은 Claude 사용자들이 처음 이 기능을 접할 때 가장 먼저 드는 질문이 있습니다. “Artifacts랑 뭐가 다른 거야?” 솔직히 말하면, 겉보기에는 거의 같아 보입니다. 둘 다 인터랙티브한 결과물이고, 둘 다 HTML 기반이니까요.

그런데 Anthropic 공식 헬프센터에는 명확한 구분이 나옵니다. Artifacts는 처음부터 저장되고 공유할 수 있는 영구적 산출물입니다. 반면 새로운 인라인 시각화는 일시적(ephemeral)으로 설계됐습니다. 대화가 진행되면서 시각화가 업데이트되거나, 다른 주제로 넘어가면 사라집니다. “파일처럼 저장되는 결과물”이 아니라 “화이트보드 스케치”에 가깝다고 공식 문서는 설명합니다. (출처: support.claude.com/en/articles/13979539, 2026.03.12)

기술적 차이도 있습니다. Artifacts는 보통 React 기반 앱으로 출력되고 사이드 패널에 표시됩니다. 인라인 시각화는 HTML/SVG/JavaScript(Chart.js 등)로 생성되며 대화 응답 안에 바로 렌더링됩니다. (출처: reddit.com/r/ClaudeAI/comments/1rruo4u, 2026.03.12 실사용자 분석)

항목 인라인 시각화 Artifacts
표시 위치 대화 응답 안(인라인) 사이드 패널
저장 여부 기본 일시적 영구 저장
구현 기술 HTML/SVG/JS 주로 React
발동 방식 Claude 자동 판단 명시적 요청
주된 목적 대화 중 이해 보조 공유·사용 가능한 결과물

▲ 목차로 돌아가기

어떤 시각화가 나오고, 어떻게 조작하나요

공식 블로그에서 예시로 든 케이스는 복리 계산기와 주기율표였습니다. 복리 계산기는 원금·이자율·기간 슬라이더가 달려 있고, 주기율표는 원소를 클릭하면 팝업으로 세부 정보가 나옵니다. 이 두 가지 예시가 이 기능의 성격을 가장 잘 보여줍니다. 수치를 바꿔가며 결과가 어떻게 달라지는지 탐색하는 용도입니다.

직접 써보면서 확인된 활용 케이스는 이렇습니다. 데이터를 표로 줬을 때 바 차트나 라인 차트로 그려달라고 하면 됩니다. 개념 설명을 부탁할 때 “다이어그램으로 그려줘”를 붙이면 플로우차트나 관계도가 나옵니다. 이미 나온 시각화에 후속 질문으로 “인플레이션 슬라이더도 추가해줘”처럼 요청하면 같은 시각화가 업데이트됩니다. The Register의 리뷰에서도 이 점이 확인됐습니다. (출처: theregister.com/2026/03/13, 2026.03.13)

전체 화면으로 확대해서 보거나, 버튼을 클릭하거나, 슬라이더를 조작하는 등의 상호작용이 가능합니다. 모바일에서도 동작합니다. 공식 릴리즈노트에 따르면 2026년 3월 25일 iOS·Android 앱에도 인터랙티브 시각화가 정식 지원됐습니다. (출처: Anthropic 공식 릴리즈노트, 2026.03.25)

▲ 목차로 돌아가기

저장하고 싶으면 이렇게 해야 합니다

가장 많이 놓치는 부분이 여기입니다. 시각화를 보고 “이거 나중에 다시 보고 싶다”고 생각하는 순간, 이미 다음 질문을 날렸다면 그 시각화는 갱신되거나 사라집니다. 기본적으로 저장이 안 됩니다. 공식 문서는 이를 명시합니다. (출처: support.claude.com/en/articles/13979539)

저장이 필요하다면 두 가지 방법이 있습니다. 첫 번째는 시각화가 떠 있는 상태에서 전체 화면으로 확대한 후 직접 스크린샷을 찍거나 브라우저의 저장 기능을 쓰는 것입니다. 두 번째는 처음부터 Artifacts로 만들도록 요청하는 것입니다. “이걸 저장하고 공유할 수 있는 아티팩트로 만들어줘”라고 하면 사이드 패널에 영구적으로 저장됩니다.

💡 사용 흐름과 공식 설명을 나란히 놓고 봤을 때 — 이 기능은 “뭔가를 만드는 도구”가 아니라 “이해를 돕는 임시 칠판”입니다. 나중에 쓸 자료라면 처음부터 Artifacts로 요청하는 게 맞습니다.

실수로 차트가 사라진 뒤 다시 만들고 싶다면 같은 맥락에서 “방금 그 시각화 다시 그려줘”라고 하면 됩니다. 대화 히스토리가 남아 있으면 재현해줍니다.

▲ 목차로 돌아가기

토큰이 평소보다 빠르게 줄어드는 이유

써보면 바로 느낍니다. 일반 텍스트 대화보다 사용량이 확실히 빠릅니다. Reddit에서 한 사용자가 Prometheus를 시각화 요청했을 때 사용량 한도가 빠르게 소진됐다고 보고했고, Claude Code 관련 커뮤니티에서도 시각화 작업 중 토큰 소모가 급격히 늘었다는 보고가 여럿 나왔습니다. (출처: reddit.com/r/ClaudeAI/comments/1rruo4u 댓글, 2026.03.12)

이유는 구조적입니다. Claude는 시각화를 생성할 때 HTML·CSS·JavaScript 코드를 직접 작성하고 렌더링합니다. 즉, 텍스트 응답 한 줄이 아니라 수백~수천 줄의 코드를 출력하는 것입니다. The Register의 리뷰에서 “a few thousand tokens”라는 표현으로 이를 언급했습니다. (출처: theregister.com/2026/03/13)

무료 플랜에서 시각화 기능을 자주 쓰면 한도에 빨리 닿습니다. 단순 개념 이해 목적이라면 한두 번의 시각화로 충분하고, 복잡한 대시보드를 만들 계획이라면 Pro 이상 플랜에서 쓰는 게 현실적입니다. 이 부분은 아직 Anthropic이 공식 답변을 내놓지 않은 영역이지만, 구조상 피할 수 없는 비용입니다.

⚠️ 주의: 인라인 시각화가 켜져 있으면 Claude가 자동으로 판단해 생성합니다. 간단한 질문에도 차트가 딸려 나올 수 있어 토큰 소모가 예상보다 클 수 있습니다. 설정에서 끄는 방법: 설정 > Capabilities > Inline visualizations 토글 OFF

▲ 목차로 돌아가기

ChatGPT·Gemini 다이어그램과 실제로 다른 점

Reddit에서 가장 많이 언급된 반응이 있습니다. “ChatGPT도 다이어그램 그려준다고 했는데 매번 조악해서 쓰지 않았다. Claude는 다르다.” 실제로 세 서비스가 시각화를 처리하는 방식은 다릅니다.

ChatGPT의 다이어그램 생성은 주로 코드 출력(Python matplotlib, plotly 등)이나 Mermaid 텍스트 포맷으로 이뤄집니다. 결과물이 정적이거나, 별도 실행 환경이 필요한 경우가 많습니다. Gemini는 2025년 11월 “인터랙티브 이미지” 기능을 예고했지만, 2026년 3월 기준으로도 Reddit 사용자들 사이에서 “실제 작동하지 않는다”는 평가가 나왔습니다. (출처: reddit.com/r/ClaudeAI/comments/1rruo4u, 댓글 Comprehensive_Aide94)

Claude의 차이는 코드 없이 즉시 렌더링된다는 점입니다. 사용자가 “복리를 설명해줘”라고 하면 Claude가 스스로 시각화 도구(“Visualizer tool”)를 쓸지 Artifacts를 쓸지 판단합니다. 코드를 보여달라고 하지 않는 이상, 사용자는 코드를 볼 필요가 없습니다. 대신 초기 베타 버전에서는 코드가 그대로 노출되는 버그가 보고됐고, 이 경우 “I only see code”라고 말하면 재렌더링됩니다. (출처: reddit.com/r/ClaudeAI/comments/1rruo4u, 댓글 TBT_TBT)

▲ 목차로 돌아가기

Q&A 5가지

Q1. 무료 플랜에서도 인터랙티브 시각화가 되나요?
됩니다. 공식 발표 기준으로 무료 플랜 포함 모든 플랜에서 베타로 사용 가능합니다. (출처: claude.com/blog/claude-builds-visuals, 2026.03.12) 다만 무료 플랜은 사용 한도 자체가 낮고, 시각화 생성 시 토큰 소모가 더 많아 한도에 빠르게 닿을 수 있습니다.
Q2. 시각화가 안 뜨고 코드만 나옵니다. 어떻게 하나요?
베타 단계에서 간헐적으로 발생하는 버그입니다. 대화창에 “I only see code” 또는 “render the visual”이라고 입력하면 재렌더링을 시도합니다. Reddit 커뮤니티에서 검증된 임시 해결책입니다. (출처: reddit.com/r/ClaudeAI/comments/1rruo4u)
Q3. 만들어진 시각화를 파일로 저장하고 싶습니다.
인라인 시각화는 기본적으로 저장 기능이 없습니다. 저장이 필요하다면 처음부터 “이걸 저장 가능한 아티팩트로 만들어줘”라고 요청하세요. Artifacts로 생성된 것은 다운로드 및 공유가 가능합니다. (출처: support.claude.com/en/articles/13979539)
Q4. 시각화 기능을 끄고 싶습니다.
설정 > Capabilities > Inline visualizations 토글을 OFF로 전환하면 됩니다. 기본값은 ON입니다. Artifacts 기능은 별도 토글로 관리됩니다.
Q5. Claude Code에서도 이 시각화 기능이 됩니까?
Claude Code에서는 인라인 시각화 대신 터미널 환경에 맞는 별도 방식으로 동작합니다. 웹/앱 기반 Claude 채팅 인터페이스와는 동작이 다르며, Claude Code에서 직접 렌더링되는 형태가 아닌 로컬 파일로 출력하는 방식이 사용됩니다. (출처: reddit.com/r/ClaudeAI/comments/1rruo4u, 실사용자 답변)

▲ 목차로 돌아가기

마치며 — 총평

기대했던 것과 달랐던 부분이 두 가지 있었습니다. 첫째, “저장이 안 된다”는 점입니다. 화려한 시각화를 보고 나서 다음 질문을 날렸더니 사라져 있었습니다. 처음 쓰는 사람에게는 실망스러운 순간이 될 수 있습니다. 공식 문서에 명시된 사항이지만, 알고 시작하는 것과 경험하고 나서 아는 것은 다릅니다.

둘째, 토큰 소모가 생각보다 빠릅니다. 간단한 질문에도 시각화가 자동 생성되다 보니 무료 플랜에서는 한도 관리가 필요합니다. 시각화가 필요 없는 단순 질문이라면 설정에서 토글을 끄는 게 합리적입니다.

그럼에도 이 기능이 가진 가치는 분명합니다. 개념을 이해하면서 바로 수치를 바꿔보고, 대화하듯 시각화를 업데이트할 수 있는 경험은 기존 AI 서비스에서 보기 드문 흐름입니다. 베타인 만큼 버그도 있고 아직 부족한 부분도 있지만, 방향 자체는 맞다고 생각합니다.

본 포스팅 참고 자료

  1. Anthropic 공식 블로그 — “Claude builds interactive visuals right in your conversation” (2026.03.12) https://claude.com/blog/claude-builds-visuals
  2. Claude 공식 헬프센터 — “Custom visuals in chat” https://support.claude.com/en/articles/13979539
  3. Anthropic 공식 릴리즈노트 — 2026년 3월 업데이트 내역 https://support.claude.com/en/articles/12138966
  4. The Register — “Claude charts a new course with charts, of course” (2026.03.13) theregister.com/2026/03/13
  5. Reddit r/ClaudeAI — 실사용자 반응 및 버그 보고 (2026.03.12) reddit.com/r/ClaudeAI

본 포스팅은 2026년 3월 31일 기준으로 작성됐습니다. 본 포스팅 작성 이후 서비스 정책·UI·기능이 변경될 수 있습니다. 현재 베타 서비스이므로 정식 출시 시 내용이 달라질 수 있습니다.

댓글 남기기


최신 글

  • 세금포인트 조회 사용 2026, 할인 혜택 전 확인
    세금포인트 조회 사용 2026 기준으로 포인트 잔액, 사용처와 조건, 납세담보 등 항목을 제출 전 확인 순서로 정리했습니다. 반려, 지연, 재처리를 줄이기 위한 체크리스트와 공식 출처를 함께 담았습니다.
  • 현금영수증 미발급 신고 2026, 포상금 전 증빙
    현금영수증 미발급 신고 2026 기준으로 결제 증빙, 상호·연락처, 요청 기록 항목을 제출 전 확인 순서로 정리했습니다. 반려, 지연, 재처리를 줄이기 위한 체크리스트와 공식 출처를 함께 담았습니다.
  • 보육료 전환 신청 2026, 양육수당 중복 체크
    보육료 전환 신청 2026 기준으로 입소일과 신청일, 양육수당·부모급여, 보육료 자격 항목을 제출 전 확인 순서로 정리했습니다. 반려, 지연, 재처리를 줄이기 위한 체크리스트와 공식 출처를 함께 담았습니다.
  • 청년월세지원 신청 2026, 임대차 서류 체크
    청년월세지원 신청 2026 기준으로 나이·거주 요건, 계약서와 이체 내역, 본인·원가구 소득 확인 항목을 제출 전 확인 순서로 정리했습니다. 반려, 지연, 재처리를 줄이기 위한 체크리스트와 공식 출처를 함께 담았습니다.
  • 국민취업지원제도 신청 2026, 구직촉진수당 체크
    국민취업지원제도 신청 2026 기준으로 유형과 자격, 월 소득과 재산, 구직활동 계획 항목을 제출 전 확인 순서로 정리했습니다. 반려, 지연, 재처리를 줄이기 위한 체크리스트와 공식 출처를 함께 담았습니다.
  • 국민연금 반환일시금 청구 2026, 수급 조건 확인
    국민연금 반환일시금 청구 2026 기준으로 10년 기준, 연령·국외이주 등, 신분·계좌·증빙 항목을 제출 전 확인 순서로 정리했습니다. 반려, 지연, 재처리를 줄이기 위한 체크리스트와 공식 출처를 함께 담았습니다.
  • 건강보험 환급금 조회 2026, 본인부담금 확인
    건강보험 환급금 조회 2026 기준으로 공식 화면 여부, 발생 사유, 본인 명의 항목을 제출 전 확인 순서로 정리했습니다. 반려, 지연, 재처리를 줄이기 위한 체크리스트와 공식 출처를 함께 담았습니다.
  • 주택청약 당첨 포기 2026, 재당첨 제한 체크
    주택청약 당첨 포기 2026 기준으로 주택 유형과 지역, 일정과 통장 영향, 사유와 소명 기한 항목을 제출 전 확인 순서로 정리했습니다. 반려, 지연, 재처리를 줄이기 위한 체크리스트와 공식 출처를 함께 담았습니다.
  • 청약통장 납입회차 확인 2026, 인정금액 체크
    청약통장 납입회차 확인 2026 기준으로 가입일과 회차, 인정 회차, 납입 인정금액 항목을 제출 전 확인 순서로 정리했습니다. 반려, 지연, 재처리를 줄이기 위한 체크리스트와 공식 출처를 함께 담았습니다.
  • 토지이용계획확인원 열람 2026, 매수 전 제한 확인
    토지이용계획확인원 열람 2026 기준으로 정확한 필지, 건축 가능성, 개발제한·보전 항목을 제출 전 확인 순서로 정리했습니다. 반려, 지연, 재처리를 줄이기 위한 체크리스트와 공식 출처를 함께 담았습니다.


아이테크 어른경제에서 더 알아보기

지금 구독하여 계속 읽고 전체 아카이브에 액세스하세요.

계속 읽기