N Graph
Home

User Guide

Everything you need to know to get started with N Graph.

1. Installation

  1. Visit the Chrome Web Store page for N Graph.
  2. Click "Add to Chrome" and confirm the permissions.
  3. The N Graph icon appears in your toolbar. You're ready!
Tip: No account required. Your 7-day free trial starts automatically.

2. Quick Start

  1. Open any Notion page containing a table view.
  2. Click the "N Graph" tab on the right edge of the page.
  3. Your table data is auto-detected. Pick a chart type from the tabs.
  4. Toggle columns & rows with checkboxes. Charts update in real time.
  5. Click "Save PNG" to export, or copy to clipboard.
Note: N Graph reads directly from the page DOM. No data is sent to any server.

3. Understanding the UI

Source Filter

Choose All, Database (Notion DB views), or Embedded Table (HTML tables).

Table Selector

Pick which table to visualize when multiple tables exist on the page.

Columns Panel

Toggle numeric columns on/off. Columns with 30%+ numeric values are auto-enabled.

Rows Panel

Select rows to include. Use All / Clear for bulk selection.

Normalization

  • None — Raw values
  • Column max=100 — Scale each column's max to 100
  • Percent — Treat values as 0–100%
  • Manual max — Set max per column yourself
  • Reference row — One row = 100% baseline

Color Themes

6 built-in themes: Default, Canva, Pastel, Monochrome, Vivid, Nature. Custom colors also supported.

4. Chart Types Reference

ChartBest ForKey Options
RadarMulti-metric comparisonNormalization, reference row, overlay
BarCategorical comparisonStacked/grouped, horizontal, labels
LineTrends over timeSmooth, points, area fill
Pie/DonutProportionsDonut mode, top-N, percentages
ScatterCorrelationTrend line, R², p-value, 95% CI
Box PlotDistribution & outliersOutliers, data points, multi-col
HistogramFrequency distributionBins, density curve, normal overlay
KPISummary metricsSum, avg, min, max, count, median
HeatmapActivity over timeDate/value col, count vs sum, color
Relation MapEntity connectionsPhysics, drag nodes, col selector

5. Key Features

Fullscreen Mode

Click the expand icon (top-right). Press Esc to exit.

Settings Persistence

Column selection, normalization, rows, theme, and chart type are saved per page URL.

Dark Mode

Automatically adapts to Notion's dark/light theme.

Scatter Plot Statistics

Trend line shows regression equation, r, R², p-value. Toggle 95% confidence intervals.

Calendar Heatmap

Select date + value columns. Choose Count or Sum aggregation. Switch between annual grid and monthly calendar.

Relation Map

Select relationship columns. Drag nodes to rearrange. Adjust physics (repulsion, link distance, gravity).

6. Export & Sharing

  • Save PNG — Preview popup, then download as PNG.
  • Copy to Clipboard — Paste directly into Slides, Docs, or Slack.
Tip: Use fullscreen mode before exporting for maximum resolution.

7. Tips & Tricks

  • Use "Reference row" normalization to compare against a benchmark.
  • Relation map works best with tag/category/linked-page columns.
  • Refresh the view after editing Notion data.
  • Drag the overlay by its title bar to reposition.
  • Use source filter to narrow down when multiple tables exist.

8. FAQ

Does N Graph access my Notion account?

No. It reads from the visible page DOM. No Notion API, no data sent anywhere.

Why don't I see any tables?

Make sure you have a Table view active (not Board, Timeline, Calendar, or Gallery).

Other browsers?

Works on Chromium-based browsers: Edge, Brave, Arc.

After the trial?

Upgrade to Pro ($7/month) for unlimited usage. Your settings are preserved.

使い方ガイド

N Graph を始めるために必要な全てをまとめました。

1. インストール

  1. N Graph の Chrome ウェブストアページにアクセスします。
  2. 「Chromeに追加」をクリックし、権限を承認します。
  3. ツールバーにアイコンが表示されれば準備完了です!
ヒント: アカウント不要。7日間の無料トライアルが自動開始されます。

2. クイックスタート

  1. テーブルビューを含む Notion ページを開きます。
  2. ページ右端の 「N Graph」タブをクリックします。
  3. テーブルデータが自動検出されます。上部タブでチャートを選択。
  4. チェックボックスで列・行を切り替え。リアルタイムで更新されます。
  5. 「PNG保存」で出力、またはクリップボードにコピー。
注意: データはページDOMから直接読み取り。外部サーバーへの送信はありません。

3. UIの見方

ソースフィルター

全てデータベース(Notion DB)・埋め込みテーブル(HTMLテーブル)から選択。

テーブルセレクター

複数テーブルがある場合、可視化するテーブルをドロップダウンで選択。

列パネル

数値列のオン/オフを切り替え。30%以上数値を含む列は自動有効化。

行パネル

含める行を選択。全選択 / クリアで一括操作。

正規化

  • なし — 生の値をそのまま
  • 列最大を100 — 各列の最大値を100にスケール
  • 100分率 — 値を0〜100%として処理
  • 手入力 — 各列の最大値を手動設定
  • 行を基準 — 特定行を100%のベースラインに

カラーテーマ

6種類の組み込みテーマ + カスタムカラー対応。

4. チャートタイプ一覧

チャート適した用途主なオプション
レーダー複数指標の比較正規化、基準行、重ね合わせ
棒グラフカテゴリ比較積み上げ/グループ、横向き、値ラベル
折れ線時系列トレンドスムーズ、データポイント、面塗り
円/ドーナツ全体に対する割合ドーナツ、上位N件、パーセント
散布図2変数の相関トレンドライン、R²、p値、95% CI
箱ひげ図分布と外れ値外れ値、データポイント、複数列
ヒストグラム度数分布ビン数、密度曲線、正規分布
KPIサマリ指標合計、平均、最小、最大、件数、中央値
ヒートマップ時系列アクティビティ日付/値列、カウント vs 合計、配色
リレーションエンティティの関係物理制御、ノードドラッグ、列選択

5. 主要機能

全画面モード

右上の拡大アイコンで全画面表示。Esc で終了。

設定の保持

列選択、正規化、行、テーマ、チャートはページURLごとに自動保存・復元。

ダークモード

Notionのテーマに自動適応。設定不要。

散布図の統計

トレンドラインで回帰方程式、r、R²、p値を表示。95%信頼区間も切替可能。

カレンダーヒートマップ

日付列と値列を選択。カウントまたは合計を選択。年間グリッド/月間カレンダー切替。

リレーションマップ

関係列を選択。ノードをドラッグして配置調整。物理パラメータで最適レイアウト。

6. 出力・共有

  • PNG保存 — プレビュー後、PNGファイルとしてダウンロード。
  • クリップボードにコピー — スライド・ドキュメント・Slackに直接貼付可能。
ヒント: 最大解像度で出力するには先に全画面モードへ。

7. コツとテクニック

  • 「行を基準」正規化でベンチマーク比較。
  • リレーションマップはタグ・カテゴリ列で最も効果的。
  • データ編集後は表示を再取得。
  • オーバーレイはタイトルバーでドラッグ移動。
  • 複数テーブルページではソースフィルターで絞り込み。

8. よくある質問

Notionアカウントにアクセスしますか?

いいえ。ページDOMから直接読み取り。Notion API不使用、データ送信なし。

テーブルが表示されない?

テーブルビューがアクティブか確認(ボード・タイムライン・カレンダー・ギャラリーは非対応)。

Chrome以外は?

Edge、Brave、Arc等のChromiumベースブラウザで動作。

トライアル後は?

Proプラン(月額$7)にアップグレード。設定は保持されます。

사용 가이드

N Graph를 시작하는 데 필요한 모든 것을 정리했습니다.

1. 설치

  1. N Graph의 Chrome 웹 스토어 페이지를 방문합니다.
  2. "Chrome에 추가"를 클릭하고 권한을 확인합니다.
  3. 도구 모음에 아이콘이 나타나면 준비 완료!
팁: 계정 불필요. 7일 무료 체험이 자동 시작됩니다.

2. 빠른 시작

  1. 테이블 보기가 포함된 Notion 페이지를 엽니다.
  2. 페이지 오른쪽의 "N Graph" 탭을 클릭합니다.
  3. 테이블 데이터가 자동 감지됩니다. 상단 탭에서 차트 유형을 선택.
  4. 체크박스로 열/행 토글. 차트가 실시간 업데이트됩니다.
  5. "PNG 저장"으로 내보내거나 클립보드에 복사.
참고: 페이지 DOM에서 직접 읽기. 외부 서버 전송 없음.

3. UI 이해하기

소스 필터

전체·데이터베이스(Notion DB)·임베드 테이블(HTML 테이블) 선택.

테이블 선택기

여러 테이블이 있으면 드롭다운에서 시각화할 테이블 선택.

열 패널

숫자 열 켜기/끄기. 30%+ 숫자 값 열은 자동 활성화.

행 패널

포함할 행 선택. 전체 선택 / 선택 해제로 일괄 작업.

정규화

  • 없음 — 원시 값 그대로
  • 열 최대=100 — 각 열 최대값을 100으로 스케일링
  • 백분율 — 0~100% 처리
  • 직접 입력 — 각 열 최대값 수동 설정
  • 행 기준 — 특정 행 = 100% 기준선

색상 테마

6가지 내장 테마 + 사용자 정의 색상 지원.

4. 차트 유형 참고

차트적합한 용도주요 옵션
레이더여러 지표 비교정규화, 기준 행, 오버레이
막대카테고리 비교누적/그룹, 가로, 값 라벨
라인시간 추세부드러운 곡선, 포인트, 영역 채우기
파이/도넛비율도넛 모드, 상위 N개, 백분율
산점도상관관계트렌드 라인, R², p-값, 95% CI
상자 그림분포 & 이상치이상치, 데이터 포인트, 다중 열
히스토그램도수 분포빈 수, 밀도 곡선, 정규 분포
KPI요약 지표합계, 평균, 최소, 최대, 건수, 중앙값
히트맵시간별 활동날짜/값 열, 카운트 vs 합계, 색상
관계 맵엔터티 연결물리 제어, 노드 드래그, 열 선택

5. 주요 기능

전체 화면 모드

오른쪽 상단 확대 아이콘 클릭. Esc로 종료.

설정 유지

열, 정규화, 행, 테마, 차트 유형은 페이지 URL별로 자동 저장·복원.

다크 모드

Notion 테마에 자동 적응. 설정 불필요.

산점도 통계

트렌드 라인으로 회귀 방정식, r, R², p-값 표시. 95% 신뢰구간 토글.

캘린더 히트맵

날짜 + 값 열 선택. 카운트 또는 합계 집계. 연간 그리드/월간 캘린더 전환.

관계 맵

관계 열 선택. 노드 드래그로 배치 조정. 물리 매개변수로 최적 레이아웃.

6. 내보내기 및 공유

  • PNG 저장 — 미리보기 후 PNG 다운로드.
  • 클립보드 복사 — 슬라이드, 문서, Slack에 직접 붙여넣기.
팁: 최대 해상도 내보내기는 전체 화면 모드에서.

7. 팁과 트릭

  • "행 기준" 정규화로 벤치마크 비교.
  • 관계 맵은 태그/카테고리/링크 페이지 열에서 효과적.
  • 데이터 편집 후 새로고침.
  • 오버레이는 제목 바로 드래그 이동.
  • 여러 테이블 페이지에서는 소스 필터 활용.

8. 자주 묻는 질문

Notion 계정에 접근하나요?

아닙니다. 페이지 DOM에서 직접 읽기. Notion API 미사용, 데이터 전송 없음.

테이블이 안 보여요?

테이블 보기 활성화 확인 (보드/타임라인/캘린더/갤러리 미지원).

다른 브라우저는?

Edge, Brave, Arc 등 Chromium 기반 브라우저에서 동작.

체험 후에는?

Pro (월 $7)로 업그레이드. 설정 유지.

© 2026 N Graph · Home