움직이는 막대그래프로 순위 변화 전달하기
96
2026년 1월 17일
Daniel Lu풀스택 엔지니어 | 콘텐츠 크리에이터
움직이는 막대그래프는 시간에 따른 값과 순위를 보여 줍니다. 부드러운 애니메이션만큼 데이터의 단위와 집계 기준도 중요합니다.
움직이는 막대그래프는 시간에 따른 값과 순위를 보여 줍니다. 부드러운 애니메이션만큼 데이터의 단위와 집계 기준도 중요합니다.
애니메이션이 도움이 되는 경우
같은 항목의 값과 순위가 시간에 따라 바뀌는 모습을 따라갈 때 적합합니다. 한 시점만 비교한다면 정적인 막대그래프가 더 읽기 쉬울 수 있습니다. 먼저 전달할 질문을 정합니다.
순위에 맥락 더하기
같은 브랜드라도 판매량, 매출, 시장 점유율은 다른 이야기입니다. 지표, 단위, 기간과 출처를 밝힙니다.
순위 상승이 값의 증가를 뜻하지는 않습니다. 다른 항목이 더 크게 하락했을 수도 있으므로 숫자를 함께 봅니다.
가져온 뒤 표시 확인하기
날짜 열과 항목 이름을 정리한 뒤 가져옵니다. 미리보기에서 누락과 어긋난 값을 확인합니다. 화면에는 가져오기, 미리보기와 표시 설정이 모여 있습니다.
녹화할 때 조작 패널을 숨길 수 있습니다. 영상 선명도는 캔버스 크기와 녹화 설정에도 달려 있습니다.
🔗 막대 차트 레이스 만들기
날짜 열과 항목 이름을 정리한 뒤 가져옵니다.
→
녹화 전후에 확인하기
- 단위와 누락값 처리 방식을 맞춥니다.
- 여러 시점에 멈춰 이름, 값, 순서를 확인합니다.
- 이미지 주소와 작은 크기에서의 식별성을 확인합니다.
- 이름을 읽을 재생 시간을 확보합니다.
- 녹화본을 보며 글자 잘림과 화면 튐을 확인합니다.