모션 스니펫 목록으로 돌아가기

워터폴 브리지

왼쪽에 시작 막대, 이어서 항목마다 떠 있는 막대가 나옵니다. 늘어난 건 초록으로 위로, 줄어든 건 빗금으로 아래로 자라고, 막대 사이를 점선이 잇고, 마지막 막대가 결과에 내려앉습니다. 0을 넘어 마이너스로도 갈 수 있습니다. 'A에서 B까지 돈이 어떻게 바뀌었나' 페이지용: 예산에서 잔액, 매출에서 이익.

데이터 도식1080×1080 · 30 fps · 5초출처: 9:16 해설 영상 · Waterfall무료

소스 코드

로그인하면 전체 소스 코드를 보고 복사하거나 패키지를 내려받을 수 있습니다. 무료입니다.

필요한 것: Node.js 18 이상, Remotion 4, React 19. Claude Code, Codex, Cursor처럼 파일을 읽고 쓰고 명령을 실행할 수 있는 AI 어시스턴트를 쓰면 가장 편합니다.