라인 차트

카드 6장높이 2단위

값 범위에 맞춘 눈금 3–4개와 옅은 실선 격자 위에 선을 긋습니다. 선이 하나면 선 아래를 옅게 칠하고, 선 모양은 곡선·직선·계단 가운데 고릅니다.

선 모양

Line - Basic

line-basic

선 하나에 세로축 눈금과 옅은 실선 격자를 둔 카드입니다. 한 지표의 흐름을 기간별 값과 함께 읽을 때 씁니다.

들어 있는 판단 3

세로축은 0에서 시작하지 않고 값의 범위를 끝수 없는 눈금으로 감쌉니다. 선은 기울기로 읽으므로 0부터 그리면 변화가 납작해집니다. 선 아래 음영은 크기로 읽히지 않도록 아래로 갈수록 옅어지게 칠합니다.
눈금은 3–4개만 두고 단위는 맨 위 눈금에만 적으며, 기간 이름은 다섯 개 안팎으로 솎아 내되 마지막 기간은 항상 남깁니다. 점과 값은 마지막 기간에만 적습니다.
선 모양은 curve로 정합니다. 기본 곡선은 실제 값보다 위아래로 튀어나가지 않게 잇고, "step"은 금리나 단가처럼 다음 변경까지 값이 그대로인 지표에 씁니다.

line-tabs

머리 아래 탭에 지표 2–3개의 대표 수치를 두고, 고른 지표의 선만 그리는 카드입니다. 단위가 다른 지표를 한 자리에서 번갈아 볼 때 씁니다.

들어 있는 판단 3

단위가 다른 지표는 한 그래프에 겹치지 않고 탭으로 나눕니다. 억과 건, %를 한 축에 그리면 축이 둘이 되거나 작은 값의 변화가 보이지 않습니다.
탭에는 지표 이름과 대표 수치를 적어 선을 보기 전에 숫자부터 비교하게 합니다. 대표 수치는 마지막 기간 값이고, 탭마다 value로 바꿀 수 있습니다.
탭은 세 칸으로 나눠 같은 폭을 쓰고 세 개까지 둡니다. 넷째부터는 칸이 좁아져 숫자가 읽히지 않으니 카드를 나눕니다.

line-multiple

색이 다른 선 2–3개를 겹친 카드입니다. 한 지표를 몇 개 항목으로 나눠 흐름을 견줄 때 씁니다.

들어 있는 판단 3

선 색은 주황, 분홍빨강, 파랑 순서입니다. 노랑은 흰 바탕의 가는 선으로는 대비가 1.5:1에 그쳐 선에는 쓰지 않습니다.
색 있는 선은 세 개까지입니다. 넷째 항목부터는 옅은 회색 선으로 그리고 범례에서 '그 밖의 n개'로 묶어, 색이 늘어나 서로 구분되지 않는 일을 막습니다.
범례를 두고 선 끝에는 마지막 값을 적습니다. 끝 값이 겹치면 뒤 항목의 값을 생략하고, 툴팁은 그 기간 값이 큰 순서로 보여줍니다.

line-compare

올해 선과 작년 회색 선을 같은 월 축에 겹친 카드입니다. 계절을 타는 지표를 전년 같은 달과 견줄 때 씁니다.

들어 있는 판단 3

line-cumulative

이번 달 누계와 지난달 누계를 같은 날짜 축에 겹치고 목표선을 그은 카드입니다. 월 목표를 향한 진행 속도를 지난달과 견줄 때 씁니다.

들어 있는 판단 3

일별 값을 넣으면 카드가 누계로 바꿉니다. 누계는 0에서 쌓이므로 세로축도 0에서 시작합니다.
목표까지의 페이스는 직선으로 긋지 않고 지난달 누계 선으로 봅니다. 주말과 휴일이 끼면 하루 실적이 고르지 않아, 직선 페이스로는 월초마다 뒤처져 보입니다.
툴팁에 그날까지의 두 달 누계, 지난달 같은 날 대비 증감, 목표 달성률을 함께 적습니다. 목표선의 이름과 값은 오른쪽 끝에 적습니다.

line-reference

선 하나에 목표나 평균 같은 기준선을 그은 카드입니다. 기간마다 기준을 넘었는지 볼 때 씁니다.

들어 있는 판단 3

기준선은 점선으로 긋고 이름과 값을 선의 오른쪽 끝, 그래프 바깥에 적어 선과 겹치지 않게 합니다. value에 숫자 대신 "avg"를 적으면 기간 평균을 긋습니다.
세로축 범위에 기준선을 항상 넣습니다. 값이 기준에서 멀리 떨어져 있어도 기준선이 카드 밖으로 밀려나지 않습니다.
툴팁에 그 기간 값과 기준 대비 차이를 함께 적습니다. 비율 지표는 차이를 %p로 적습니다.