下のような円グラフが簡単に作成できます。
上記は以前作成したポートフォリオ管理のデータベース、購入銘柄の割合を可視化した例です。
Notionに慣れてくるとグラフを作りたくなるのが定めです。標準機能では作れませんが、外部サイトを使うと無料でグラフ作成ができます。
簡単なので、自分のNotionをみやすくカスタマイズするスパイスとして活用しましょう。
Notionはノーコードと呼ばれるITスキルの一つ。Notionではできないアイディアの具現化や起業に興味があれば、他のノーコードツールも試してみてください。
» 挫折率の高いプログラミングよりも「ノーコード」でアプリをつくろう
※ノーコード = コーディングせずにWebアプリを作るITスキル
NotionChartsでグラフを作る方法
もしサンプルが見たければプロフィールページに用意してるのでご覧ください。
1️⃣ ３ステップでNotionと連携しましょう
まずはこちらからアクセスして、以下の３ステップでNotionChartsとNotionを連携しましょう。
2️⃣ グラフ化するページをえらぶ
連携が完了すると、Notionのどのページをグラフ化するかを選ぶ画面になります。 選択肢がある場合はチェックを入れて、ない場合は検索ボックスでページ名を検索して指定しましょう。
指定が完了したら右下の「Allow access」を押します。
3️⃣ グラフをつくる
無料版だと5つまでグラフを作ることができます。 ビジネス用途でない限りは充分です。「＋Create Chart」を押して「Notion Table」から該当のページを指定しましょう。
ちなみにデータベースがない場合はこんな画面になります。
円グラフの場合はXに要素名のプロパティーを、Yに配分となるプロパティーを指定します。指定は何度でもできるので、色々いじってみましょう。
XとYの指定が終わると、ほぼ完成です。グラフの種類や色の有無、細かな設定を指定して好みのグラフにしましょう。
最後に、グラフの上にある「Copy Embed Url」を押してこのグラフをコピーしておきましょう。
Notionのページに貼り付ける方法
貼りたい場所に先ほどのURLを貼り付けして、「Create embed」を選択します。
このように円グラフが表示されます。サイズを変更することも可能です。
データベースの中身を変更した場合は、 グラフをクリックし左上のリフレッシュボタンを押すと反映されます。
Notion Chartsの技術的制限
Notion Chartsには制限があり、最小割合が1％以下の場合は表示されません（2021年11月現在）。
下の図では１要素だけ小さな値を入れて合計１００になるように割り振っています。
- １％以下は表示されていません
- 表示されていなくても円グラフの合計は100%に合わせる仕様
- 他の項目へ自動的に割り振られる（データベースでは20%のはずが、20.2%になっています）。
NotionChartsでグラフをつくる方法 まとめ
サクッとグラフができるのでとても便利です！簡単な図で良い場合にはかなり有用な選択肢です。
マネーフォワードの資産ページをそのままデータベースに貼って、以下のようにグラフを作成することも可能です。
HPから貼り付けるだけでこんなに綺麗にグラフを作ってくれるとはすごいですね。頻繁にグラフを作る必要がある方は、有料契約もありです。
【Amazonの電子書籍読み放題サービス】を使って無料で読めます（2022年6月現在）。
Notionはノーコードと呼ばれるITスキルの一つ。Notionではできないアイディアの具現化や起業に興味があれば、他のノーコードツールも試してみてください。
» 挫折率の高いプログラミングよりも「ノーコード」でアプリをつくろう
※ノーコード = コーディングせずにWebアプリを作るITスキル