노션 데이터베이스 차트 웹앱 - Notion Charts 사용법

노션 DB를 표로만 보고 계신가요? 노션톡으로 막대·선·파이 등 11종 차트를 무료로 그리고, 대시보드 뷰로 여러 차트를 한 화면에 묶어 보세요.

Jun 22, 2026

📌

노션 데이터베이스를 표로만 보고 계신가요? 매번 외부 도구로 내보내 그래프를 그리고 계신가요?

Notion Charts를 사용하면 노션 데이터베이스를 OAuth로 연결해 막대·선·파이 등 다양한 차트와 대시보드로 시각화하고, 완성된 결과를 다시 노션 페이지에 임베드로 붙여넣을 수 있습니다. 코드 없이 브라우저에서 설정하면 끝입니다.

이 글에서 배울 내용 ⏳ 읽기 3분

Notion Charts가 무엇인지
노션 연결 및 사용 방법
지원하는 차트·집계·추세선 종류
생성한 차트를 노션에 임베드하는 법
개인정보 처리 방침

Notion Charts란?

Notion Charts는 노션 데이터베이스를 읽어 인터랙티브 차트와 대시보드로 시각화해주는 웹앱입니다. OAuth로 워크스페이스를 한 번 연결하면, 데이터베이스의 속성을 축·시리즈로 지정하고 집계 방식만 고르면 실시간 미리보기로 차트가 그려집니다.

표 기반의 노션 데이터를 별도 스프레드시트나 BI 도구로 옮기지 않고도, 수업 평가 결과·설문 응답·업무 진척도 같은 데이터를 바로 그래프로 분석하고 공유할 때 유용합니다.

💡

팁: 완성한 차트는 임베드 링크로 만들어 노션 페이지 어디에나 붙여넣을 수 있어, 살아있는 대시보드처럼 활용할 수 있습니다.

노션 연결 및 사용 방법

1. 웹앱 접속

브라우저에서 Notion Charts 사이트에 접속합니다.

2. 노션 OAuth 인증

노션에 연결 버튼을 누르면 OAuth 인증 창이 열립니다.
노션 계정으로 로그인하고, 차트로 그릴 데이터베이스에 대한 읽기 권한을 허용합니다.
연결이 완료되면 권한을 부여한 데이터베이스(데이터 소스) 목록을 불러옵니다.

💡

팁: 차트로 만들 데이터베이스만 골라 권한을 주면, 나머지 워크스페이스 콘텐츠에는 접근하지 않습니다.

3. 데이터 소스 선택

연결된 데이터베이스 중 시각화할 대상을 고릅니다.
선택하면 속성(열) 구조와 행 데이터를 자동으로 분석합니다.

4. 차트 구성

X축, 시리즈(Y값), 집계 방식, 추세선, 색상·범례·격자 등 스타일을 설정합니다.
설정을 바꿀 때마다 실시간 미리보기로 결과가 갱신됩니다.

5. 노션에 임베드

완성된 차트나 대시보드를 임베드 링크로 생성한 뒤, 노션 페이지에 /임베드로 붙여넣으면 페이지 안에서 바로 차트가 렌더링됩니다.

지원하는 차트 및 분석 기능

📊 차트 종류

11종의 차트를 지원하며, 한 차트에 여러 시리즈와 좌·우 이중 Y축을 함께 구성할 수 있습니다.

막대 / 가로 막대 / 누적 막대
선 / 영역 / 계단형
산점도 / 버블 (점 크기를 별도 속성으로 매핑)
파이 / 도넛
콤보: 막대·선·영역을 한 차트에 혼합
레이더 / 방사형 막대 / 퍼널

🧮 집계 방식

시리즈별로 집계 방식을 다르게 지정할 수 있습니다.

합계 · 개수 · 평균 · 최소 · 최대 · 중앙값
그룹별 집계 및 행 개수(count) 자동 계산 지원

📈 추세선

데이터 위에 회귀·추세선을 덧그릴 수 있습니다.

선형 · 이동평균 · 다항식 · 지수 · 로그 · 거듭제곱

🎛️ 대시보드

차트뿐 아니라 통계 카드(stat), 표(table)를 묶어 하나의 대시보드 스냅샷으로 구성하고, 그 전체를 노션에 임베드할 수 있습니다.

💡

활용 예시: 수행평가 점수 데이터베이스를 연결해 학생별 평균을 막대 차트로, 항목별 분포를 파이 차트로, 학급 평균을 통계 카드로 묶어 대시보드 한 장으로 공유할 수 있습니다.

기술 스택

프론트엔드: Next.js + React, 차트 렌더링은 Recharts
노션 연동: Notion 공식 API(OAuth, 데이터 소스 조회)
저장소: 차트 설정·스냅샷은 서버리스 데이터베이스(Neon)에 저장되어 임베드 렌더링에 사용

개인정보처리방침

최종 업데이트: 2026년 6월

Notion Charts(이하 "본 서비스")는 사용자의 개인정보를 중요하게 여깁니다. 본 방침은 본 서비스가 수집·사용·보관하는 정보를 설명합니다.

1. 수집하는 정보

Notion 액세스 토큰: OAuth 인증 후 발급된 토큰을 암호화하여 보관하며, 사용자가 권한을 부여한 데이터베이스를 읽는 데에만 사용합니다.
데이터베이스 콘텐츠: 차트로 그릴 데이터베이스의 속성 구조와 행 값을 읽습니다.
차트 설정 및 스냅샷: 사용자가 만든 차트·대시보드 구성과 임베드용 데이터 스냅샷을 저장합니다.

2. 수집하지 않는 정보

사용자의 이름·이메일·연락처 등 개인 식별 정보를 별도로 수집하지 않습니다.
권한을 부여하지 않은 데이터베이스나 페이지에는 접근하지 않습니다.
광고 식별자나 마케팅용 추적 데이터를 수집하지 않습니다.

3. 정보의 사용

수집된 정보는 오직 다음 목적으로만 사용됩니다.

사용자가 선택한 노션 데이터베이스를 차트·대시보드로 시각화
생성한 차트를 노션 페이지에 임베드로 렌더링

어떠한 정보도 제3자에게 판매·공유되지 않습니다.

4. OAuth 및 토큰 처리

노션 계정 연결 시 OAuth 인증 코드가 본 서비스 서버를 경유해 액세스 토큰으로 교환됩니다. 토큰은 암호화되어 저장되며, 데이터베이스 조회 외의 용도로 사용되지 않습니다.

5. 데이터 삭제

노션 설정의 연결된 앱 목록에서 본 서비스의 권한을 해제하면 액세스가 즉시 중단됩니다. 저장된 차트·스냅샷 데이터 삭제를 원하실 경우 운영자에게 문의해 주세요.

6. 문의

개인정보 처리에 관한 문의는 GitHub 리포지토리 이슈를 통해 연락해 주세요.

지금 바로 시작하기

Notion Chart는 노션 데이터베이스를 OAuth로 안전하게 연결해 차트와 대시보드로 시각화하는 웹앱입니다.
차트 생성은 무료로 제공되며, 권한을 준 데이터베이스만 읽고 나머지 워크스페이스 콘텐츠에는 접근하지 않습니다.

이제 노션 데이터를 표로만 보지 마세요. 아래 주소로 접속해 데이터베이스를 연결하고 차트와 대시보드를 만들어 보세요.

Notion Chart 바로가기: https://notion-graph-zeta.vercel.app/

📝 핵심 정리

노션 데이터베이스를 OAuth로 연결하면 막대·선·파이 등 11종 차트를 무료로 그릴 수 있습니다.
여러 차트와 통계 카드·표를 대시보드 뷰 하나로 묶어 볼 수 있습니다.
완성한 차트·대시보드는 임베드 링크로 노션 페이지 어디에나 붙여넣을 수 있습니다.
권한을 준 데이터베이스만 읽으며, 액세스 토큰은 암호화되어 안전하게 보관됩니다.

노션 갤러리 커버 자동 생성 웹앱 - Notion Gallery Cover 사용법 업무 인수인계서 자동 생성, 공문 파일명만으로 끝내는 방법 (교사용)

케미가 체질쌤