가이드

노션에서 그래프를 만드는 방법 — 두 가지 유형 모두

이 페이지의 목차
핵심 요약“노션에서 그래프 만들기”는 서로 다른 두 가지를 뜻해요. 막대, 선, 도넛 같은 차트를 말한다면 노션의 기본 기능으로 만들 수 있어요. /chart를 입력하고 데이터베이스를 연결한 뒤 축을 설정하세요(차트 하나는 무료, 유료 요금제에서는 무제한). 페이지와 링크를 네트워크로 보여주는 연결 관계 그래프를 말한다면 노션에서는 그릴 수 없어요. 백링크와 데이터베이스 관계로 연결을 만들고 IVGraph로 시각화해야 해요. 이 가이드에서는 두 가지 모두 단계별로 설명해요.

1부: 차트 — 숫자 시각화하기

30초 만에 차트 만들기

  1. 아무 페이지에서 /chart를 입력하세요. 또는 기존 데이터베이스의 보기 이름 옆에 있는 +를 클릭하고 차트를 선택하세요.
  2. 유형을 선택하세요: 세로 막대, 가로 막대, 선, 도넛 또는 숫자.
  3. 기존 데이터베이스를 연결하세요(또는 그 자리에서 새로 만드세요).
  4. 오른쪽 위의 설정 메뉴를 열고 X축(사용할 속성, 정렬 순서, 그룹 숨기기)과 Y축(개수, 합계, 그룹화 기준, 누적 표시 켜기/끄기)을 설정하세요.

본격적으로 쓰기 전에 알아둘 점

  • 요금: 무료 요금제에서는 차트 하나를 체험할 수 있어요. 차트를 무제한으로 사용하려면 유료 요금제가 필요하며, 어느 유료 요금제든 가능해요.
  • 규모 제한: 차트 하나당 최대 200개 그룹과 50개 하위 그룹을 지원해요. 긴 시계열 데이터는 일부가 잘려요.
  • 읽기 전용: 차트 보기에서는 데이터베이스 항목을 편집할 수 없어요. 표 보기도 함께 두세요.
  • 축 제한: 롤업, 버튼, 파일, 일부 수식은 차트에 표시할 수 없어요.

데이터 차트가 아닌 순서도나 다이어그램이라면 Mermaid 코드 블록으로 대부분의 요구를 충족할 수 있어요. 노션 마인드맵 가이드에서 사용법을 안내해요.

2부: 또 다른 그래프 — 연결 관계 시각화하기

두 번째 의미는 숫자와는 무관해요. Obsidian 사용자들이 말하는 그래프처럼, 페이지를 노드로, 링크를 간선으로 표현하는 네트워크예요. 노션에는 이를 구성할 재료가 계속 쌓여요(@멘션마다 백링크가 생기고, 모든 데이터베이스 관계는 유형이 지정된 간선이 되며, 모든 하위 페이지는 가지가 돼요). 하지만 노션에 그래프 뷰가 있나요?에서 설명했듯이, 노션에는 이를 그릴 방법이 없어요.

세 단계로 만들기

  1. 간선 만들기 — 글을 쓰면서 @멘션으로 페이지를 연결하고, 구조가 중요한 곳에서는 관계형 속성으로 데이터베이스를 연결하세요. 특별한 규칙을 지킬 필요는 없어요. 평소처럼 노션을 사용하면 네트워크가 만들어져요.
  2. IVGraph 연결하기 — 노션으로 로그인하세요. 동기화 과정에서 공식 API를 통해 페이지, 데이터베이스, 백링크, 멘션, 데이터베이스 관계를 읽어 와요(약 2,000개 페이지에 약 5분).
  3. 탐색하기 — 워크스페이스가 인터랙티브 3D 그래프로 표시돼요. 군집에서는 실제로 다루는 주제가 드러나고, 중심이 되는 페이지는 크기로 눈에 띄며, 연결이 없는 페이지는 따로 떠 있어요. 검색하고, 필터링하고, 클릭해서 원하는 페이지로 이동하세요.
노션 워크스페이스의 촘촘한 3D 지식 그래프: 서로 연결된 수백 개의 페이지를 노드와 간선으로 표현
노션에서는 그릴 수 없는 그래프: 같은 워크스페이스를 폴더 트리가 아닌 네트워크로 보여줘요.

실제로 필요한 그래프는 어느 쪽인가요?

보고 싶은 내용 사용할 기능 사용 위치
상태별 작업, 시간에 따른 매출, 예산 배분차트 보기기본 기능 (/chart)
프로세스 또는 계층 구조 다이어그램Mermaid 코드 블록기본 기능 (코드 블록)
페이지, 아이디어, 프로젝트의 연결 관계지식 그래프IVGraph (API를 통해)

자주 묻는 질문

노션 페이지에 그래프를 어떻게 추가하나요?

데이터 차트라면 /chart를 입력하고 유형을 선택한 뒤 데이터베이스를 연결하세요. 다이어그램이라면 Mermaid 코드 블록을 사용하세요. 페이지 간 네트워크라면 IVGraph를 연결하세요.

노션에서 선 그래프를 무료로 만들 수 있나요?

네. 무료 요금제에 차트 하나가 포함돼 있어요. 더 만들려면 유료 요금제가 필요해요.

차트 축에 롤업을 사용할 수 없는 이유는 뭔가요?

차트 축은 롤업, 버튼, 고유 ID, 파일, 목록을 출력하는 수식을 지원하지 않아요. 대신 원본 속성을 차트에 표시하거나 더 단순한 보조 속성을 추가하세요.

노션을 Obsidian 스타일의 그래프로 보려면 어떻게 하나요?

2부에서 다룬 연결 관계 그래프를 사용하면 돼요. 평소처럼 링크를 만들고 IVGraph를 연결하면 워크스페이스가 인터랙티브 3D 네트워크로 표시돼요. 최대 500개 노드까지 무료예요.

차트로는 보여줄 수 없는 그래프

노션을 연결하고 모든 페이지와 링크를 하나의 인터랙티브 네트워크로 확인하세요. 최대 500개 노드까지 무료예요.

노션으로 로그인 ↵
안드리 다닐첸코

저자 소개

안드리 다닐첸코는 IVGraph의 창립자이자 CTO예요. 사람들이 지식과 상호작용하는 방식을 바꾸는 데 열정을 쏟는 선구적인 기술 전문가로, 3D 그래프 시각화 엔진과 노션 동기화를 설계하며 IVGraph의 기술 개발을 이끌고 있어요.

계속 읽어보세요

저널의 다른 글

가이드

노션 마인드맵: 실제로 만들 수 있는 다섯 가지 방법

노션에는 기본 마인드맵 기능이 없지만, 실제로 가능한 방법은 다섯 가지예요. Mermaid 코드 블록, 임베드, 토글 템플릿, 자기 자신과 관계를 맺는 데이터베이스, 워크스페이스의 실제 연결을 바탕으로 생성한 맵을 솔직하게 비교해 봐요.

가이드

Claude Code + 노션: 스스로 관리되는 세컨드 브레인을 위한 다섯 가지 워크플로

지식 관리 업무의 지루한 절반을 처리할 수 있도록 복사해 붙여 넣는 프롬프트를 소개해요. 자료 가져오기, 페이지 간 상호 연결, 주간 검토, 부족한 부분 분석과 함께 에이전트가 사실에 충실하도록 하는 안전장치도 살펴봐요.

가이드

노션 백링크 가이드: 만들고, 확인하고, 제대로 활용하기

백링크를 만드는 세 가지 방법, "백링크 N개" 목록의 위치, 일부 링크가 숨겨지는 이유, 백링크로 할 수 없는 일, 그리고 전체 링크 구조를 하나의 맵으로 보는 방법을 알아봐요.

가이드

노션 관계형과 롤업, 시각적으로 이해하기

데이터베이스를 연결하는 단계별 방법, 양방향 데이터베이스 관계, 롤업 활용법, 자기 자신과의 관계, 한 단계까지만 연결을 따라갈 수 있다는 규칙을 알아봐요. 데이터베이스 관계가 사실은 아직 보지 못한 그래프의 연결선인 이유도 살펴봐요.

가이드

노션 MCP: 워크스페이스에 AI를 연결하는 완벽 가이드

호스팅형 서버와 자체 호스팅 서버 비교, 명령어 하나로 Claude Code, Cursor, ChatGPT를 설정하는 방법, 에이전트가 워크스페이스에서 실제로 할 수 있는 일, 권한, 그리고 MCP만으로는 얻을 수 없는 한 가지를 알아봐요.

가이드

노션으로 세컨드 브레인 만들기: 실제로 계속 쓰게 되는 방법

대부분의 세컨드 브레인이 2월이면 방치되는 이유와, 그렇게 되지 않는 4개 데이터베이스 설계도를 소개해요. 데이터베이스 관계를 뼈대로 삼는 구조, 15분 만에 끝내는 설정, 선택적으로 추가하는 LLM 관리 계층, 관리 상태를 가늠하는 지표로서의 그래프까지 살펴봐요.

가이드

LLM 위키란? Karpathy의 패턴 이해하기

AI가 대신 구축하고 관리해 주는 지식 베이스예요. Karpathy가 2026년 4월에 제시한 아이디어의 출발점, LLM 위키와 RAG·세컨드 브레인의 차이, 마크다운 파일부터 노션까지 LLM 위키를 구축하는 실용적인 세 가지 방법을 알아봐요.