홈 › 디자인

잔디 달력 만들기

한 줄에 ‘날짜, 값’을 적어요. 값 없이 날짜만 적으면 그날 한 번 한 걸로 세요. 예시는 가상의 독서 시간 기록이에요.

파일은 서버로 전송되지 않고 내 기기에서만 처리돼요
CSV·엑셀 파일 넣기날짜 열과 값 열을 자동으로 찾아요

날짜별 기록을 한 장의 그림으로

깃허브의 ‘잔디’처럼 하루를 한 칸으로 놓고 값이 클수록 진하게 칠하면, 1년 동안 언제 꾸준했고 언제 쉬었는지 한눈에 보여요. 운동 시간, 공부 시간, 걸음 수, 지출, 판매량처럼 날짜가 있는 기록이면 무엇이든 돼요. 기록 앱이나 엑셀에서 날짜와 값 두 열을 복사해 붙여 넣거나 파일을 그대로 넣으세요.

넣는 방법

색과 통계

칸 색은 기록이 있는 날의 값을 크기순으로 늘어놓고 20%·40%·60%·80% 지점에서 끊은 5단계예요. 그래서 값의 단위가 무엇이든 고르게 색이 나뉘어요. 위의 상자에는 기간 합계, 기록한 날 수와 비율, 최장 연속 기록(값이 0보다 큰 날이 이어진 가장 긴 기간), 기간 마지막 날까지 이어진 연속 기록, 가장 많이 한 날, 합계가 가장 큰 요일이 나와요.

저장

PNG(2배 해상도)와 SVG로 받을 수 있고, 날짜별로 묶은 값을 CSV로 받아 다른 도구에서 다시 쓸 수 있어요. 휴대폰 화면에서는 달력을 세로로 돌려 보여 주지만, 받는 그림은 항상 가로 1년 모양이에요. 그래프는 Apache ECharts로 그리고 기록은 서버로 보내지 않아요.

참고한 자료

자주 묻는 질문

0을 적은 날은 어떻게 표시되나요?

기록이 없는 날과 같은 회색 칸으로 보이고, 연속 기록에서도 끊긴 날로 쳐요.

여러 해 기록을 넣으면요?

기간에서 연도를 고르거나 ‘최근 1년’을 고르세요. 최근 1년은 오늘(기록이 1년 넘게 오래됐으면 마지막 기록 날)까지 365일이에요.

음수 값도 되나요?

지출 증감처럼 음수가 섞이면 0 이하 값은 ‘없음’ 색으로 칠하고 통계에서도 빼요. 음수가 중요하면 값을 바꿔(예: 절댓값) 넣어 주세요.

함께 쓰면 좋은 도구