노션 차트 위젯으로 DB 데이터 시각화하기 | 무료 요금제로 차트 무제한 쓰는 법
WidgetStation · · 5분
위젯스테이션(WidgetStation) 의 차트 위젯은
노션 데이터베이스의 숫자 데이터를 막대·선·파이·도넛·레이더·숫자 등
다양한 그래프로 보여주는 위젯이에요.
노션에도 차트 뷰가 있지만, 무료 플랜에서는 딱 1개까지만 만들 수 있어요.
두 번째 차트가 필요한 순간부터 유료 플랜을 고민하게 되죠.
차트 위젯을 쓰면 개수 제한 없이 그래프를 얹을 수 있고,
레이더 차트처럼 노션 기본 차트 뷰엔 없는 형태도 쓸 수 있어요.
이번 글에선 차트 위젯을 노션 DB에 연결하는 방법을 4단계로 안내하고,
노션 기본 차트 뷰와 무엇이 다른지도 함께 정리해드려요.
빠른 답변
위젯스테이션 차트 위젯은 노션 데이터베이스의 숫자 값을 실시간으로 그래프로 그려줍니다.
노션 기본 차트 뷰는 무료 플랜에서 1개로 제한되지만, 차트 위젯은 개수 제한 없이 쓸 수 있고
레이더 차트처럼 노션에 없는 형태도 지원해요. 마우스를 올리면 값이 인터랙티브하게 반응합니다.
읽기 전 팁: 아래 위젯은 실제로 동작하는 라이브 임베드예요.
그래프 위에 마우스를 올려보면서 어떻게 반응하는지 직접 확인해보세요.
↑ 마우스를 올리면 값이 살아 움직여요.
노션 차트 위젯이란?
노션 차트 위젯은 노션 데이터베이스에 쌓인 숫자 데이터를
막대·선·파이·도넛·레이더·숫자 등의 그래프로 시각화하는 위젯을 말해요.
DB 값이 바뀌면 차트도 실시간으로 다시 그려지고, 마우스를 올리면 값이 반응하는
인터랙티브한 그래프예요.
노션에도 차트 뷰 기능이 있어서 데이터베이스를 그래프로 볼 수 있어요.
다만 무료 플랜에서는 차트 뷰를 1개까지만 만들 수 있고,
지원하는 그래프 형태도 정해져 있어요.
차트 위젯은 이 두 가지 제약을 풀어주는 역할을 합니다.
노션 기본 차트 뷰와 뭐가 다른가요?
노션 차트 뷰도 훌륭한 기능이에요. 다만 실제로 여러 데이터를 함께 관리하다 보면
아래 지점에서 아쉬움이 생깁니다.
- 개수 제한: 노션 무료 플랜은 차트 뷰를 1개까지만 만들 수 있어요.
운동 기록용 차트 하나 만들고 나면, 매출용 차트는 유료 플랜부터예요.
- 그래프 형태: 레이더 차트처럼 여러 항목을 한 번에 비교하는 형태는
노션 기본 차트 뷰에 없어요.
- 인터랙션: 위젯스테이션 차트 위젯은 마우스를 올리면 값이 반응하는
인터랙티브 그래프예요. 정적인 이미지가 아니라 직접 만져보는 느낌에 가깝습니다.
차트 위젯을 쓰면 이 세 가지 제약 없이, DB 개수만큼 원하는 형태의 그래프를 얹을 수 있어요.
1단계 — 차트 위젯 고르기
먼저 위젯스테이션에 접속해 차트 위젯을 골라주세요.
막대·선·파이·도넛·레이더·숫자 중 원하는 그래프 형태와 색상 테마를 고를 수 있어요.
2단계 — 노션 계정 연결하기
위젯 설정에서 [노션 연결] 을 누르고 노션 계정으로 로그인합니다.
연결을 허용하면 위젯이 내 노션 워크스페이스에 접근할 수 있게 돼요.
3단계 — 데이터베이스와 숫자 속성 지정하기
그래프로 그릴 노션 데이터베이스를 선택하고,
그중 숫자 속성(운동 시간, 매출, 페이지 수 등)을 지정합니다.
이 값이 그래프의 데이터 원본이 돼요.
4단계 — 노션에 임베드하기
설정을 마치면 위젯 URL이 복사돼요. 이제 노션에 붙여넣기만 하면 됩니다.
- 노션에서 위젯을 넣고 싶은 자리에 커서를 두고
/embed를 입력한 뒤- 복사한 URL을 붙여넣기 (
⌘+V/Ctrl+V)
끝! — 이제 노션 DB에 값을 추가할 때마다 차트가 자동으로 갱신됩니다.
꿀팁: 여러 DB를 각각 다른 차트 위젯으로 연결해보세요.
노션 기본 차트 뷰와 달리 개수 제한이 없어서, 대시보드마다 원하는 만큼 그래프를 둘 수 있어요.
어떤 그래프를 언제 쓰면 좋을까요?
선 그래프 — 시간에 따른 변화
체중, 저축액, 방문자 수처럼 시간이 흐르며 오르내리는 값에 잘 맞아요.
추세가 상승인지 하락인지 한눈에 보입니다.
막대 그래프 — 항목별 비교
월별 매출, 요일별 운동 시간처럼 서로 다른 항목을 나란히 비교할 때 좋아요.
어느 항목이 가장 큰지 바로 눈에 들어옵니다.
파이·도넛 그래프 — 전체 대비 비중
카테고리별 지출, 프로젝트별 작업 시간처럼 전체에서 각 부분이 차지하는 비율을 볼 때 적합해요.
레이더 차트 — 여러 항목을 한 번에 비교
체력 측정, 역량 평가처럼 여러 항목을 동시에 놓고 균형을 보고 싶을 때 잘 맞아요.
노션 기본 차트 뷰에는 없는 형태라, 위젯스테이션에서만 쓸 수 있어요.
숫자 차트 — 핵심 지표 하나만 크게
이번 달 매출, 누적 방문자 수, 목표 달성률처럼 가장 중요한 숫자 하나를
크게 보여주고 싶을 때 잘 맞아요.
여러 항목을 비교하는 그래프보다, 한눈에 꽂히는 숫자 하나가 더 강할 때가 있어요.
대시보드 상단에 두면 오늘의 핵심 지표를 놓치지 않게 됩니다.
이렇게 쓰면 좋아요
같은 차트 위젯이어도 어떤 데이터를 연결하느냐에 따라 쓰임이 달라져요.
🏃 운동 기록 대시보드
노션 DB에 매일 운동 시간을 기록하고, 차트 위젯으로 주간 추이를 확인하세요.
습관 트래커와 함께 두면 꾸준함까지 한 화면에서 볼 수 있어요.
💰 가계부·매출 관리
지출이나 매출을 카테고리별 DB로 정리하고, 파이 차트로 비중을 확인해보세요.
어디에 돈이 가장 많이 나가는지 바로 보입니다.
📚 독서·학습 기록
월별 읽은 책 수, 공부 시간을 DB에 쌓고 막대 그래프로 비교해보세요.
투두 위젯과 함께 두면 계획과 결과를 동시에 관리할 수 있어요.
왜 위젯스테이션 차트 위젯일까요?
노션 기본 차트 뷰와 달리, 개수 제한이 없어요
노션 무료 플랜은 차트 뷰를 1개로 제한하지만,
위젯스테이션 차트 위젯은 DB 개수만큼 원하는 만큼 만들 수 있어요.
레이더 차트처럼, 노션에 없는 형태까지
막대·선·파이·도넛은 물론, 레이더 차트처럼
노션 기본 차트 뷰가 지원하지 않는 형태도 쓸 수 있어요.
DB가 바뀌면 차트도 자동으로
노션에서 값을 추가·수정하면 차트가 실시간으로 다시 그려져요.
차트를 따로 갱신하거나 새로고침할 필요가 없습니다.
언제 어디서든, 기기를 가리지 않아요
데스크탑에서 데이터를 입력하고, 이동 중엔 휴대폰으로 그래프를 확인하세요.
같은 노션 DB를 보기 때문에 어느 기기에서도 최신 상태예요.
무료로 시작
차트 위젯을 포함해 대부분의 위젯을 무료로 쓸 수 있어요.
가볍게 첫 그래프부터 그려보세요.
노션 기본 차트 뷰와 비교
| | 노션 기본 차트 뷰 | 위젯스테이션 차트 위젯 |
|---|---|---|
| 개수 (무료 플랜) | 1개 제한 | 무제한 |
| 그래프 형태 | 막대·선·파이 등 기본 형태 | 막대·선·파이·도넛·레이더·숫자 |
| 인터랙션 | 정적 표시 | 호버 시 값 반응 |
| DB 연동 | ✅ | ✅ 실시간 |
자주 묻는 질문
노션에도 차트 기능이 있는데, 왜 차트 위젯을 써야 하나요?
노션 차트 뷰는 무료 플랜에서 1개까지만 만들 수 있어요.
차트 위젯을 쓰면 개수 제한 없이, 레이더 차트처럼 노션에 없는 형태까지 쓸 수 있습니다.
노션 차트 위젯이 노션 데이터베이스와 연동되나요?
네. 위젯스테이션 차트 위젯은 노션 DB의 숫자 속성과 실시간으로 연동돼요.
DB 값이 바뀌면 차트도 자동으로 다시 그려집니다.
연동하려면 코드를 작성해야 하나요?
아니요. 위젯 설정에서 노션 계정을 연결하고
그래프로 그릴 데이터베이스와 숫자 속성을 지정하기만 하면 돼요.
코드나 별도 설치는 필요 없습니다.
어떤 그래프 형태를 고를 수 있나요?
막대·선·파이·도넛·레이더·숫자 그래프 중에서 고를 수 있어요.
특히 레이더 차트는 노션 기본 차트 뷰에는 없는 형태예요.
숫자 차트는 여러 항목을 비교하기보다, 핵심 지표 하나를 크게 강조하고 싶을 때 좋아요.
차트가 인터랙티브하다는 게 무슨 뜻인가요?
그래프 위에 마우스를 올리면 값이 반응해요.
정적인 이미지가 아니라, 실제로 움직이며 자세한 값을 확인할 수 있는 그래프입니다.
이미 쓰던 노션 DB에 연결할 수 있나요?
네. 새 DB를 만들 필요 없이, 기존에 쓰던 데이터베이스의 숫자 속성을 그대로 지정하면 돼요.
노션 모바일 앱에서도 차트 위젯이 보이나요?
네, 보입니다.
위젯스테이션 위젯은 데스크탑 앱·웹 브라우저·모바일 앱 어디서든 확인할 수 있어요.
차트 위젯은 무료인가요?
대부분의 위젯을 무료로 사용할 수 있어요.
자세한 요금제는 위젯스테이션에서 확인해보세요.
함께 읽어보세요
마치며
노션 차트 뷰로 시작했다가 개수 제한에 부딪힌 적 있다면,
차트 위젯이 그 벽을 없애줄 거예요.
오늘 노션 DB 하나를 차트 위젯에 연결하고, 레이더 차트까지 한번 그려보세요.
도움이 필요하면 헬프 센터나 고객 지원으로 언제든 알려주세요.
새로운 위젯 아이디어가 있다면 제안도 환영합니다