【最大34.5%還元 最後の日曜日】コンタクトレンズ、iPad 大きい買い物はお忘れなく(エントリー→欲しいものを検索)

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

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

下のような円グラフが簡単に作成できます。

上記は以前作成したポートフォリオ管理のデータベース、購入銘柄の割合を可視化した例です。

Notionに慣れてくるとグラフを作りたくなるのが定めです。標準機能では作れませんが、外部サイトを使うと無料でグラフ作成ができます。

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

この記事を書いた人

・iPad miniが大好き
・妻は現役小学校教師
・子供とおもちゃで遊ぶのが至福
・iPadで時間を確保→スキル磨き→脱サラ
・iPadでプログラムとノーコードを0から習得

名前をタップすると、Notionで作成したプロフィールに飛びます。

📮 質問やご依頼はお気軽に♪

iPadブログ管理人:まめズボをフォローする
スポンサーリンク

NotionChartsでグラフを作る方法

もしサンプルが見たければプロフィールページに用意してるのでご覧ください。

1️⃣ 3ステップでNotionと連携しましょう

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

2️⃣ グラフ化するページをえらぶ

連携が完了すると、Notionのどのページをグラフ化するかを選ぶ画面になります。 選択肢がある場合はチェックを入れて、ない場合は検索ボックスでページ名を検索して指定しましょう。

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

ここでチェックしなかったノートは、グラフ化する際の選択肢に出現しません(2021年10月)

追記(10月15日):NotionChartsサポートに問い合わせたところ、返事は来ておりませんが追加連携ができるように修正されておりました。アカウント個別への対応ではないと思うので、バグの修正がされたのだと思います。

3️⃣ グラフをつくる

無料版だと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(2022/09/25 22:56:17時点 Amazon調べ-詳細)

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

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

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

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

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

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