03 / 프런트엔드 / 직접 만든 예시

숫자와 흐름을 한눈에 · KPI + Sparkline

핵심 지표 카드, 작은 추세선, 실적과 목표를 같은 축에서 비교하는 차트

기간

매출 · 만원120

전월 대비+20%

목표 · 만원150

최근 6개월 · 만원

5월 70 → 6월 85 → 7월 80 → 8월 100 → 9월 100 → 10월 120

축 0–180만원 · 짙은 막대=실적 · 세로선=목표 150만원

이렇게 말해보세요

[운영 데이터] 대시보드를 KPI 카드·스파크라인·불릿 차트로 구성해줘. 지표마다 단위와 비교 기간을 쓰고 목표선을 표시해줘. 기간 필터로 모든 지표가 함께 바뀌게 해줘.

큰 숫자만 있는 화면에 시간에 따른 변화와 목표 대비 위치를 더합니다. 전월 대비인지 전년 대비인지까지 지정해야 숫자를 잘못 비교하지 않습니다.

가상 데이터입니다. 스파크라인은 세부 값 확인용 차트를 대체하지 않으므로 값 목록도 함께 제공합니다.