Claude 시각화 기능 — 차트와 다이어그램을 대화로 만들기 | 클로드 코드 강의

Claude의 인라인 시각화, 아티팩트, 분석 도구를 활용해 임금 데이터 차트, 업무 플로우차트, 사건 타임라인 등을 만드는 방법을 배웁니다.

Claude의 시각화 기능, 뭐가 달라졌나요?

2026년 3월, Claude에 인라인 시각화(Custom Visuals) 기능이 추가되었습니다. 이전에도 아티팩트(Artifacts)로 차트를 만들 수 있었지만, 이제는 대화 흐름 안에서 바로 차트와 다이어그램이 표시됩니다. 노무사에게 이게 왜 중요할까요? 사업주에게 "최저임금 위반 현황"을 설명할 때, 숫자 나열보다 막대 차트 하나가 훨씬 강력합니다. "이 사건의 경과"를 설명할 때, 글보다 타임라인 다이어그램이 한눈에 들어옵니다. **Claude의 3가지 시각화 도구:** 1. **인라인 시각화 (Custom Visuals)** — 대화 중에 바로 차트·다이어그램 표시. 2026년 3월 신규 기능. 2. **아티팩트 (Artifacts)** — 사이드 패널에 인터랙티브 차트·코드·문서 생성. 다운로드·공유 가능. 3. **분석 도구 (Analysis Tool)** — 파일(CSV, 엑셀)을 업로드하면 코드를 실행해 분석·시각화. 쉽게 비유하면, 인라인 시각화는 '회의 중 화이트보드에 그려주는 것', 아티팩트는 '완성된 보고서 자료를 별도로 만들어주는 것', 분석 도구는 '엑셀 파일을 직접 열어서 분석해주는 것'입니다.

TIP: 인라인 시각화는 claude.ai 웹과 데스크톱 앱에서만 표시됩니다. 모바일 앱에서는 아직 지원되지 않으니, 시각화 작업은 PC에서 하세요.

인라인 시각화 — 대화하면서 바로 차트 만들기

가장 간편한 방법입니다. Claude에게 데이터를 주고 "차트로 보여줘"라고 말하면, 대화 본문에 바로 차트가 나타납니다. **지원되는 차트 종류:** - 막대 차트 (Bar Chart) — 항목별 비교에 최적 - 파이 차트 (Pie Chart) — 비율·구성 표시 - 선 그래프 (Line Chart) — 시간에 따른 변화 추적 - 인터랙티브 대시보드 — 여러 차트를 하나로 통합 **지원되는 다이어그램 종류:** - 플로우차트 — 업무 절차, 의사결정 흐름 - 타임라인 — 사건 경과, 기일 관리 - 구조도 — 조직도, 법률 관계도 - 마인드맵 — 쟁점 정리, 브레인스토밍 **인터랙티브 요소도 가능합니다:** 마우스를 올리면(hover) 상세 수치가 표시되고, 항목을 클릭하면 세부 정보가 나타나고, 파라미터를 조절하면 결과가 실시간으로 바뀌는 차트도 만들 수 있습니다. 예를 들어, 퇴직금 계산기에서 근속연수 슬라이더를 움직이면 퇴직금이 자동으로 재계산되는 인터랙티브 도구를 만들 수 있습니다.

# 인라인 시각화 요청 예시 1: 임금 구성 비율

"우리 사업장 평균 임금 구성을 파이 차트로 보여줘.
- 기본급: 250만원
- 직무수당: 30만원
- 식대: 20만원
- 교통비: 10만원
- 성과급(분기): 50만원
각 항목이 최저임금 산입 범위에 포함되는지 색상으로 구분해줘."

# 인라인 시각화 요청 예시 2: 월별 이직률 추이

"다음 데이터를 선 그래프로 시각화해줘.
1월: 2.1%, 2월: 1.8%, 3월: 3.5%, 4월: 4.2%,
5월: 5.1%, 6월: 3.8%, 7월: 2.9%, 8월: 2.5%
3% 이상인 달은 빨간색으로 강조 표시해줘."

TIP: 명시적으로 '차트로 보여줘', '시각화해줘'라고 요청하지 않아도, Claude가 데이터 설명에 시각화가 도움이 된다고 판단하면 자동으로 차트를 생성하기도 합니다.

아티팩트 — 공유·다운로드 가능한 시각화 만들기

아티팩트는 대화 옆 사이드 패널에 나타나는 독립적인 결과물입니다. 인라인 시각화와 다른 점은: - **저장됩니다** — 대화가 끝나도 유지됨 - **다운로드 가능** — PNG, HTML 등으로 저장 - **공유 가능** — 링크로 다른 사람에게 전달 - **인터랙티브** — React 컴포넌트로 만들어져 클릭·조작 가능 **아티팩트 유형 6가지:** | 유형 | 설명 | 노무사 활용 예 | |------|------|---------------| | React 컴포넌트 | 인터랙티브 UI | 퇴직금 계산기, 임금 시뮬레이터 | | Mermaid 다이어그램 | 각종 다이어그램 | 업무 플로우차트, 사건 진행도 | | HTML 페이지 | 웹 페이지 | 상담 접수 폼, 체크리스트 | | SVG 이미지 | 벡터 이미지 | 조직도, 관계도 | | Markdown 문서 | 텍스트 문서 | 의견서 초안, 검토 보고서 | | 코드 스니펫 | 코드 조각 | 엑셀 매크로, 계산 스크립트 | **아티팩트를 만들려면** "아티팩트로 만들어줘"라고 요청하면 됩니다. 사이드 패널에 결과물이 나타나며, 상단의 다운로드·공유 버튼을 사용할 수 있습니다.

# 아티팩트 요청 예시 1: Mermaid 플로우차트

"부당해고 구제신청 절차를 Mermaid 플로우차트로 만들어줘.
- 해고 통보 → 구제신청(30일 이내) → 조사 → 심문회의
  → 판정(인용/기각) → 재심/행정소송
- 각 단계의 기한도 표시해줘
- 아티팩트로 만들어서 다운로드할 수 있게 해줘"

# 아티팩트 요청 예시 2: 인터랙티브 퇴직금 계산기

"아티팩트로 퇴직금 계산기를 만들어줘.
- 입사일, 퇴사일 입력
- 최근 3개월 급여(기본급, 수당, 상여금) 입력
- 평균임금 자동 계산
- 퇴직금 = 평균임금 × 30일 × (재직일수/365)
- 결과를 실시간으로 보여주는 인터랙티브 UI"

TIP: 아티팩트는 '게시(Publish)' 기능으로 고유 URL이 생성됩니다. 사업주에게 퇴직금 계산기를 링크로 보내드릴 수도 있습니다.

분석 도구 — 엑셀 파일을 직접 분석하고 시각화하기

Claude의 분석 도구(Analysis Tool)는 CSV, 엑셀 등 데이터 파일을 업로드하면, 실제로 코드를 실행해서 분석하고 차트를 만들어줍니다. 이전의 인라인 시각화나 아티팩트가 '추정치'를 보여주는 것과 달리, 분석 도구는 실제 데이터를 코드로 처리하기 때문에 결과가 정확합니다. **분석 도구 활용 순서:** 1. claude.ai에 파일을 드래그 & 드롭 (또는 클립 아이콘으로 첨부) 2. 분석하고 싶은 내용을 한국어로 설명 3. Claude가 Python 코드를 실행해서 결과를 보여줌 4. 차트가 필요하면 자동으로 시각화까지 생성 **노무사 실무에서의 활용:** 임금대장 엑셀 파일을 업로드하고 "직원별 시급을 계산해서 최저임금 위반 여부를 막대 차트로 보여줘"라고 요청하면, Claude가 실제로 각 행의 데이터를 읽고, 시급을 계산하고, 최저임금과 비교한 뒤 시각적으로 보여줍니다. 엑셀 함수를 직접 짤 필요가 없습니다.

# 분석 도구 활용 예시 1: 임금대장 분석

[파일 첨부: 임금대장_2026_01.xlsx]

"이 임금대장을 분석해줘.
1) 직원별 시급 환산 (월급여 ÷ 월 소정근로시간)
2) 2026년 최저임금(10,030원) 대비 충족률 막대 차트
3) 위반 직원은 빨간색, 적정 직원은 파란색으로 표시
4) 부서별 평균 시급 비교 차트도 추가"

# 분석 도구 활용 예시 2: 근로시간 분석

[파일 첨부: 출퇴근기록_2026Q1.csv]

"이 출퇴근 기록을 분석해서:
1) 월별 평균 근로시간 추이 (선 그래프)
2) 주 52시간 초과 근로자 비율 (파이 차트)
3) 부서별 연장근로시간 분포 (박스 플롯)
4) 특정 직원의 주간 근로시간 패턴 (히트맵)
으로 시각화해줘"

TIP: 분석 도구는 Pro 이상 플랜에서 사용 가능합니다. 파일에 개인정보(주민번호, 계좌번호)가 있다면 반드시 삭제하거나 가명 처리 후 업로드하세요.

노무사 실전 활용 1 — 사건 타임라인 시각화

부당해고, 산재, 체불임금 사건은 시간 순서가 중요합니다. 사실관계를 정리할 때, 텍스트 나열보다 타임라인 다이어그램이 훨씬 효과적입니다. **Before:** 워드에 날짜별로 텍스트를 나열합니다. 보는 사람이 전체 흐름을 파악하려면 여러 번 읽어야 합니다. **After:** Claude에게 사실관계를 알려주면, 시각적 타임라인을 바로 생성합니다. 노동위원회 심문회의에서 위원들에게 보여줄 수 있는 깔끔한 자료가 됩니다.

# 부당해고 사건 타임라인 요청

"다음 사실관계를 타임라인 다이어그램으로 만들어줘.

- 2025.09.01: 甲, A회사 입사 (1년 계약직)
- 2025.12.15: 인사팀장, 갑에게 구두 경고 (지각 3회)
- 2026.01.10: 징계위원회 소집 통보 (서면)
- 2026.01.15: 징계위원회 개최 (감봉 1개월 결정)
- 2026.02.20: 계약 만료 1주일 전, 갱신거절 통보
- 2026.02.28: 근로계약 종료
- 2026.03.10: 구제신청서 접수 (지방노동위원회)
- 2026.04.15: 조사기일 (예정)

핵심 쟁점: 갱신기대권 인정 여부, 징계의 부당성
빨간색은 사용자 측 행위, 파란색은 근로자 측 행위로 구분해줘"

TIP: 사실관계에 날짜와 주체(누가 무엇을 했는지)를 명확히 적어주면, Claude가 더 정확한 타임라인을 만들어줍니다.

노무사 실전 활용 2 — 임금 구조 분석 차트

임금체계 컨설팅에서 가장 자주 쓰는 시각화입니다. 현행 임금 구조를 한눈에 보여주고, 개선안을 시각적으로 비교할 수 있습니다. **활용 장면:** - 사업주 임금체계 컨설팅: 현행 vs 개선안 비교 - 최저임금 위반 검토: 직원별 시급 비교 차트 - 임금피크제 설계: 연차별 임금 곡선 - 성과급 체계 설계: 등급별 배분 시뮬레이션

# 임금체계 현행 vs 개선안 비교 시각화

"다음 두 가지 임금 구조를 나란히 비교하는 차트를 만들어줘.

[현행]
- 기본급: 250만원 (고정)
- 직급수당: 20만원
- 식대: 20만원 (비과세)
- 교통비: 10만원
- 생산장려수당: 30만원 (매월 지급)
- 상여금: 기본급의 400% (분기별 지급)
총액: 약 413만원/월

[개선안]
- 기본급: 320만원 (통상임금 명확화)
- 직무수당: 30만원
- 식대: 20만원 (비과세)
- 성과급: 0~60만원 (분기평가 연동)
총액: 약 400만원/월

- 좌우 비교 막대 차트로 보여줘
- 최저임금 산입 항목은 파란색, 제외 항목은 회색으로 표시
- 통상임금에 포함되는 항목은 별표(★) 표시"

# 인터랙티브 임금 시뮬레이터

"임금 항목별 금액을 조절하면 총액과 시급이
실시간으로 변하는 인터랙티브 시뮬레이터를
아티팩트로 만들어줘.
- 기본급 슬라이더: 200~400만원
- 각종 수당 on/off 토글
- 월 소정근로시간: 209시간 기본
- 최저임금 위반 여부 자동 판정"

TIP: 임금체계 컨설팅 보고서에 이런 비교 차트를 넣으면 사업주의 이해도가 확 올라갑니다. 아티팩트로 만들면 다운로드해서 보고서에 이미지로 삽입할 수 있습니다.

노무사 실전 활용 3 — 업무 절차 플로우차트

취업규칙 변경 절차, 징계 절차, 산재 신청 절차 등 복잡한 업무 프로세스를 플로우차트로 만들면, 사업주나 인사담당자에게 설명하기가 훨씬 쉬워집니다. **특히 유용한 장면:** - 신규 사업장 컨설팅: "노무관리 전체 프로세스는 이렇습니다" - 인사담당자 교육: 징계·해고 절차를 한 장으로 정리 - 산재 발생 시 대응 매뉴얼: 단계별 행동 지침 - 근로감독 대응: 서류 준비 → 현장 대응 → 사후 조치 흐름

# 징계 절차 플로우차트

"다음 징계 절차를 Mermaid 플로우차트로 만들어줘.

1. 징계사유 발생
2. 사실관계 조사 (증거 수집)
3. 징계위원회 구성 (노사 동수 권장)
4. 징계대상자에게 출석통보 (서면, 7일 전)
5. 징계위원회 개최
   - 징계대상자 소명 기회 부여 (필수!)
6. 징계 의결 (과반수 출석, 출석 과반수 찬성)
7. 징계 종류 결정
   → 경고/견책 → 인사발령 통보
   → 감봉 → 감봉 통보 (1회 평균임금 1/2, 총액 1/10 한도)
   → 정직 → 정직 통보 (기간 명시)
   → 해고 → 해고예고(30일 전) 또는 해고예고수당 지급
8. 서면 통보 (징계사유, 종류, 시기 명시)
9. 불복 절차 안내 (노동위원회 구제신청)

주의사항은 빨간색 박스로, 필수 절차는 굵은 테두리로 표시해줘.
특히 '소명 기회 미부여 = 절차적 하자 = 부당징계' 부분을 강조해줘."

TIP: Mermaid 다이어그램은 텍스트 기반이라 수정이 쉽습니다. 법이 바뀌거나 절차가 변경되면 Claude에게 '3번 단계 다음에 이것을 추가해줘'라고 말하면 됩니다.

시각화 결과를 보고서·PPT에 활용하는 방법

Claude가 만든 시각화를 실제 업무 문서에 넣는 방법을 정리합니다. **방법 1: 스크린샷** 가장 간단합니다. 인라인 시각화를 캡처해서 보고서에 붙여넣기. 맥에서는 Cmd+Shift+4, 윈도우에서는 Win+Shift+S로 원하는 영역만 캡처할 수 있습니다. **방법 2: 아티팩트 다운로드** 아티팩트 상단의 다운로드 버튼을 누르면 HTML이나 이미지 파일로 저장됩니다. 이것을 보고서에 삽입하면 됩니다. **방법 3: 아티팩트 공유 링크** 아티팩트의 '게시' 버튼을 누르면 고유 URL이 생성됩니다. 이 링크를 이메일이나 메시지로 공유하면, 상대방이 브라우저에서 인터랙티브 차트를 직접 조작할 수 있습니다. 퇴직금 계산기를 만들어서 링크만 보내드리면, 사업주가 직접 숫자를 넣어볼 수 있습니다. **방법 4: SVG 복사** 벡터 이미지가 필요하면 "SVG로 만들어줘"라고 요청하세요. SVG는 확대해도 깨지지 않아 인쇄용 보고서에 적합합니다. **시각화 요청 시 꿀팁:** - "사업주 보고용으로" — 깔끔하고 전문적인 디자인 - "교육 자료용으로" — 설명 텍스트가 포함된 상세한 디자인 - "노동위원회 제출용으로" — 사실관계 중심, 간결한 디자인 - 색상을 지정하고 싶으면 "파란색 계열로", "회사 CI 색상(#003366)으로"라고 명시

TIP: 보고서 작성 시 시각화 자료는 '근거 데이터 → 차트 → 해석'의 3단 구조로 배치하면 설득력이 높아집니다. Claude에게 이 3단 구조로 만들어달라고 요청해보세요.

주의사항과 한계

Claude 시각화 기능을 사용할 때 알아두어야 할 점들입니다. **1. 데이터 정확성 확인 필수** 인라인 시각화와 아티팩트는 Claude가 '추정'해서 만드는 것이므로, 숫자가 정확한지 반드시 확인하세요. 특히 임금 계산처럼 정확성이 중요한 경우, 분석 도구(Analysis Tool)를 사용해 실제 코드로 계산한 결과를 시각화하는 것이 안전합니다. **2. 개인정보 보호** 차트에 직원 실명이 들어가지 않도록 주의하세요. 시각화를 공유할 때 개인을 식별할 수 있는 정보가 포함되어 있으면 안 됩니다. 부서명이나 직급으로 대체하거나, 번호(직원1, 직원2)로 익명화하세요. **3. 플랫폼 제한** - 인라인 시각화: claude.ai 웹, Claude 데스크톱 앱에서만 표시 - 모바일(iOS/Android)에서는 시각화가 표시되지 않음 - 분석 도구: Pro 이상 플랜 필요 **4. 후속 수정이 자유롭습니다** "색상을 바꿔줘", "항목을 추가해줘", "범례 위치를 위로 옮겨줘" — 이런 후속 요청으로 시각화를 계속 다듬을 수 있습니다. 처음부터 완벽하게 요청할 필요 없이, 대화하면서 수정해나가면 됩니다. **5. 복잡한 시각화는 단계적으로** 한 번에 너무 많은 것을 요청하면 결과가 지저분해질 수 있습니다. "먼저 기본 차트를 만들어줘" → "여기에 기준선을 추가해줘" → "색상을 조정해줘"처럼 단계적으로 요청하는 것이 좋습니다.

Claude 시각화 기능 — 차트와 다이어그램을 대화로 만들기