【NotionChart】データベースからグラフを作成する方法 

  • Notion内のデータベースをグラフ化したい
  • エクセルやスプレッドシートを経由せずに使いたい
  • 簡単なグラフでOK

上のような円グラフが簡単に作成できます。「Formulaの使い方の基本、if関数と四則演算」の記事で作成したデータベースを使っています。

Notionに慣れるとデータベースをグラフ化したくなりますが、Notionの標準機能だけではグラフを作れません

ご安心ください。この記事を読むことで、外部サイト「NotionCharts」を使って無料でグラフ作成ができるようになります

簡単なので、Notionを見やすくカスタマイズするスパイスとして活用しましょう。

この記事を書いた人

・iPadを使い倒すフリーランス
・妻は現役小学校教師でiPadを活用
・前職は補償関連に10年以上従事 
・凝り性なので徹底比較や検証好き
📮 質問やお仕事依頼はお気軽に♪
プロフィールはこちら

iPadと玩具の伝道師"まめ"をフォローする

NotionChartsでグラフを作る方法

サンプルが見たい方はこちら

NotionChartsの使い方

NotionChartsとNotionを連携

まずはNotionChartsへアクセスして、以下の3ステップでNotionChartsとNotionを連携しましょう。

グラフ化するNotionページの指定

連携が完了すると、Notionのどのページをグラフ化するかを選ぶ画面になります。該当のページにチェックを入れましょう。

選択肢が表示されていない場合は、検索ボックスでページ名を検索できます。

指定が完了したら右下の「Allow access」を押します。

ここでチェックしなかったノートは、NotionChartsでグラフ化できません(2021年10月)

追記(10月15日):NotionChartsサポートに問い合わせたところ、返事は来ておりませんが追加連携ができるように修正されていました。対応が早い。

グラフを作成する

無料版でも5つまでグラフを作れるので、ビジネス用途でない限りは充分です。「+Create Chart」を押して「Notion Table」から該当のページを指定しましょう。

データベースがない場合はこんな画面になります。データベースの指定に戻りましょう。

円グラフの場合はXに要素名のプロパティーを、Yに配分となるプロパティーを指定します。指定は何回でもできるので、色々いじってみましょう。

XとYの指定が終わると、ほぼ完成です。グラフの種類や色の有無、細かな設定を指定して好みのグラフにしましょう。

Notionでデータベースを更新しても、円グラフに即時反映はしません
グラフを更新する場合にはブラウザの更新ボタンか上部の「Refresh Chart Date」を押しましょう。

管理人
管理人

最後に、グラフ上の青いボタン「Copy Embed Url」を押してこのグラフをコピーしておきましょう。

Notionのページに貼り付ける方法

貼りたい場所に先ほどのURLを貼り付けして、「Create embed」を選択します。

このように円グラフが表示されます。サイズを変更することも可能です。

データベースの中身を変更した場合は、 グラフをクリックし左上のリフレッシュボタンを押すと反映されます。

Notion Chartsの技術的制限

Notion Chartsには制限があり、最小割合が1%以下の場合は表示されません(2021年11月現在)。

下の図では1要素だけ小さな値を入れて合計100になるように割り振っています。

データベースで指定した数字
実際の数字(数字が書き変わる)
  • 1%以下は表示されていません
  • 表示されていなくても円グラフの合計を100%に合わせる仕様
  • 他の項目へ自動的に割り振られる(データベースでは20%のはずが、20.2%に)。

小数点以下まで正確なデータを出したい場合には向いていません。個人で使用する場合や、概要の把握程度として使いましょう。

NotionChartsでグラフをつくる方法 まとめ

サクッとグラフができるので、簡単な図でよければ有用な選択肢です。

マネーフォワードのページをデータベースに貼って、以下のようにグラフを作成することも可能です。
» (関連)マネーフォワードで楽天証券口座を管理する方法

切れているのはemaxis全世界株式

HPから貼り付けるだけでこんなに綺麗にグラフを作ってくれるとはすごいですね。頻繁にグラフを作る必要がある方は、有料契約もありです。

created by Rinker
¥780(2023/01/29 15:02:35時点 Amazon調べ-詳細)

【Amazonの電子書籍読み放題サービス】を使って無料で読めます(2023年1月現在)。

\ 30日間0円でお試しできる! /

Notionはノーコードと呼ばれるITスキルの一つ。Notionではできないアイディアの具現化や起業に興味があれば、他のノーコードツールも試してみてください。

» 挫折率の高いプログラミングよりも「ノーコード」でアプリをつくろう

※ノーコード = コーディングせずにWebアプリを作るITスキル

コメント

タイトルとURLをコピーしました