본문으로 건너뛰기

애니메이션 차트 메이커

내 데이터로 만드는 애니메이션 차트

바 차트 레이스, 그려지는 선, 갈라지는 도넛, 필터링 가능한 대시보드 — 스프레드시트나 문서로 에이전트가 만들어 줍니다.

데이터에 움직임 더하기예시 보기

월 $19.9부터 · Claude Code & Codex 지원 · Anthropic과 무관한 독립 서비스

Claude Motion을 사용하려면 유료 Creator 또는 Studio 구독이 필요합니다. 무료 요금제는 없습니다.

HYPERFRAMES 타임라인 · 0:24 / 2:10

텍스트

제목콜아웃

차트

오가닉 막대채널 필터

인터랙션

퀴즈드래그 매칭

오디오

배경 음악 · 내레이션

내 CLAUDE CODE 또는 CODEX에서 실행 · HYPERFRAMES 기반 · MP4 + 인터랙티브 웹

모든 차트 유형을 애니메이션으로

  • ECharts 기반

    툴팁, 범례, 필터 포함.

  • 스타일에 맞춘 디자인

    모든 모션 스타일에 차트 테마가 있습니다.

  • 숫자는 그대로

    값은 오직 내 파일에서만 가져옵니다.

데이터에 움직임 더하기
차트모션인터랙션
막대 / 세로 막대막대가 자라고 경주툴팁, 필터
선 / 영역선이 그려짐마우스 오버 값
파이 / 도넛조각이 갈라짐범례 토글
퍼널단계가 채워짐단계별 공개
지도지역이 밝아짐지역 필터

시청자가 직접 필터링하는 차트

  • 움직이는 차트

    툴팁, 범례, 실시간 필터가 있는 ECharts.

  • 퀴즈

    즉각적인 피드백, 해설, 점수.

  • 드래그 앤 드롭

    스스로 채점되는 정렬, 매칭, 분류 연습.

데이터에 움직임 더하기

라이브 차트를 공유하거나 MP4로 내보내기

  • MP4 렌더링

    내 컴퓨터에서 결정론적으로 HyperFrames 렌더링.

  • 링크 공유

    조회수와 퀴즈 통계가 포함된 공개 또는 비밀번호 링크.

  • 음악과 내레이션

    지금 또는 나중에 추가 — 자연스러운 영어·중국어 음성.

데이터에 움직임 더하기

차트에 맞는 스타일 고르기

모든 스타일에 차트, 필터, 퀴즈, 드래그 앤 드롭이 포함됩니다. 에이전트에게 자유롭게 디자인을 맡길 수도 있습니다.

좋아하는 스타일을 여러 개 선택하면 AI가 내용에 맞는 스타일을 선택합니다.

탐색 중 패키지는 다운로드되지 않습니다.

스타일 매칭 후 만들기
모든 모션 스타일 보기

필요한 모든 기능

  • 모션 스타일

    스타일을 고르거나 에이전트에게 자유롭게 디자인을 맡기세요.

  • 애니메이션 차트

    ECharts 내장, 스타일에 맞춰 디자인.

  • 퀴즈와 드래그 앤 드롭

    기본으로 인터랙티브.

  • HyperFrames 타임라인

    클립, 타이밍, 블록 편집.

  • 내레이션

    영어와 중국어, 브랜드명도 정확하게 발음.

  • 음악

    지금 생성하거나 나중에 추가.

  • 공유 링크

    공개 또는 비밀번호, 통계 포함.

  • MP4 렌더링

    로컬에서 결정론적으로.

3단계로 차트에 애니메이션 넣는 방법

  1. 1CSV, 스프레드시트 내보내기 파일 또는 문서를 폴더에 넣습니다.
  2. 2애니메이션 차트를 요청하고 강조할 부분을 말합니다.
  3. 3인터랙티브 링크를 공유하거나 MP4로 내보냅니다.
Claude Motion 설치: npx -y claudemotion@latest setup를 실행하고 출력 안내를 따르세요.

처음 실행하면 브라우저가 열려 로그인합니다. 클릭 한 번이면 되고, 터미널은 필요 없습니다.

자주 묻는 질문

제 숫자를 바꾸나요?

아니요. 값은 오직 내 파일에서만 가져오며, 확인할 수 있도록 편집기에서 강조 표시됩니다.

더 알아보기

숫자에 움직임을 더하세요

데이터에 움직임 더하기