💡「暮らしとNotionコミュニティ」がオープンしました!
サブスクで有料記事がすべて読めるほか、Notionの質問サポートや勉強会などの特典も。 沢山のNotionユーザーと繋がれるコミュニティはこちらから!
皆さんは、Notionで作った表をグラフにできたら良いのにな……と思ったことはありませんか?
今回はそんな願いを叶えてくれる、Notionと連携してこんなグラフが作れるサービスをご紹介します!
![画像](https://assets.st-note.com/img/1705131410620-ce8GZ3lG4E.png?width=1024)
作れるグラフの種類は、なんと7種類も。セットアップの方法から、Notionに埋め込む方法、実際の活用事例までをまるっとご紹介します。
🎬 Director:Rei
✍🏻 Writer:みのくるみ
1. ChartBaseとは?
今回使うのは、こちらの「ChartBase」という外部サービス。
現在Notion内ではグラフを作成できる機能は無いのですが、このサービスとNotionとを連携することで、データベースをこのようにグラフ化することができます。
![画像](https://assets.st-note.com/img/1705132437670-ytJjtXdvXx.png?width=1024)
ChartBaseの便利なポイントには、このようなものがあります。
- Notionのデータベースをグラフに起こせる
- 作ったグラフはNotionに埋め込み可能
- データベースを更新するとグラフの内容も自動で更新される
- グラフの種類やデザインが豊富に選べる
- ダークモードにも対応
データベースの数字を変えてもグラフを作り直したりする必要がないので、とても便利に使うことができます。
色を自由に変更することもでき、ダークモードにも対応しているなど、デザイン性もとても良いのが特徴です。
💡「データベース」について詳しく解説している記事はこちら!
→ Notionの「データベース」を詳しく解説します!
2.グラフの種類
ChartBaseでは7種類のグラフを作成することができ、データベースに合ったグラフを選ぶことができます。
![画像](https://assets.st-note.com/img/1705022152888-e5diPHjvtA.png?width=1024)
棒グラフ
![画像](https://assets.st-note.com/img/1705120818612-ZXpfnA1EcA.png?width=1024)
折れ線グラフ
![画像](https://assets.st-note.com/img/1705120164877-Ywa5CtwJbo.png?width=1024)
円グラフ
![画像](https://assets.st-note.com/img/1705121582250-sQwq7KWWsn.png?width=1024)
横棒グラフ
![画像](https://assets.st-note.com/img/1705121688815-QougxgDYTu.png?width=1024)
ドーナツグラフ
![画像](https://assets.st-note.com/img/1705121805300-paMOHiAWrN.png?width=1024)
レーダーチャート
![画像](https://assets.st-note.com/img/1705122132070-T2ZyBzWzAc.png?width=1024)
カードタイプ
![画像](https://assets.st-note.com/img/1705122251543-SDb0RM72LE.png?width=1024)
3.グラフを作ってみよう
それでは早速、ChartBaseを使ってグラフを作成してみましょう。
セットアップからグラフの作り方、Notionへの埋め込み方を一連でご紹介します。
まずは、ChartBaseのセットアップを行います。
1-1.ChartBaseを準備する
1.ChartBaseのトップページからGoogleでサインインをし、「Connect Notion」をクリック
![画像](https://assets.st-note.com/img/1705119790160-NA1EDGo3qg.png?width=1024)
2.「ページを選択する」から、アクセスを許可するページを選択する
![画像](https://assets.st-note.com/img/1705120358089-YgPmmwsRh2.png?width=1024)
![画像](https://assets.st-note.com/img/1705123171480-fv0W9zbQ8V.png?width=1024)
これでセットアップの完了です。続いて、グラフを作成してみましょう。
1-2.グラフの作り方
1.画面左上の「Create New Chart」をクリック
![画像](https://assets.st-note.com/img/1705120251137-RRAALgWzN8.png?width=1024)
2.作成したいグラフの種類を選択(あとから変更できます)
![画像](https://assets.st-note.com/img/1705120241724-O3C2CmKziG.png?width=1024)
3.グラフに起こしたいデータベースを選択
![画像](https://assets.st-note.com/img/1705120230370-ErzCfb95dh.png?width=1024)
4.グラフのX軸、Y軸に設定するプロパティを選択(あとから変更できます)し、「Create Chart」ボタンをクリック
![画像](https://assets.st-note.com/img/1705120218567-hmHw5LKiS8.png?width=1024)
これで、グラフの完成です。X軸、Y軸の変更や、タイトルの変更、デザインの変更などは画面左のサイドバーから行えます。
![画像](https://assets.st-note.com/img/1705120205825-5e8lwCDqp7.png?width=1024)
続いて、作成したグラフをNotionに埋め込んでみましょう。
1-3.Notionにグラフを埋め込む
1.右上の「Get Embed Link」から、リンクをコピー
![画像](https://assets.st-note.com/img/1705128903856-0o3X8PMoPP.png?width=1024)
2.Notionを開き、グラフを埋め込みたい箇所にペーストし「埋め込みを作成する」をクリック
![画像](https://assets.st-note.com/img/1705129154395-lxm7cRykAz.png?width=1024)
3.大きさを調整したら完成
![画像](https://assets.st-note.com/img/1705129184193-YIr0XUORYm.png?width=1024)
埋め込み方はとても簡単です。データベースの数字を変更しても、埋め込んだグラフに自動で反映されるため、作り直さなくて良いのも嬉しいポイントです。
4.ChartBaseの活用事例
最後に、ChartBaseの活用事例をご紹介します。
今回はこちらの「家計簿テンプレート」を使用して、振り返りに役立ちそうなグラフをいくつか作成してみました。
月ごとの支出金額を振り返る
1年間の月別の支出金額を、折れ線グラフを使ってグラフ化してみました。
![画像](https://assets.st-note.com/img/1705130011296-wxzeRrSPG9.png?width=1024)
![画像](https://assets.st-note.com/img/1705130037667-ryt0pzLFIS.png?width=1024)
1年の最後に振り返る際に、どの月に支出が多かったかが分かりやすいですね。
今月の支出をカテゴリ別で振り返る
続いては今月の支出を、カテゴリーごとに横棒グラフでグラフ化してみました。
![画像](https://assets.st-note.com/img/1705130515524-fLbIXleSt6.png?width=1024)
![画像](https://assets.st-note.com/img/1705130534974-BSyubk0kzP.png?width=1024)
値が大きい順に並べ替えると、どのカテゴリーに最もお金を使っているのかが一目で分かります。
値を金額から割合に変えて、ドーナツグラフで表してみるのも良いかもしれません。
![画像](https://assets.st-note.com/img/1705130750498-7Ni6plRS81.png?width=1024)
まとめ
以上が、Notionのデータベースをグラフ化するサービス、「ChartBase」のご紹介でした!
今回事例としてご紹介した家計簿の他にも、仕事での数値分析など、幅広い場面で活用できそうですね。
今回使用した家計簿テンプレートも過去に解説しているので、ぜひ読んでみてください!
「暮らしとNotion。」で販売しているNotionテンプレートの一覧はこちらから!
書籍「Notionライフハック」も好評発売中です!36種類のテンプレート付きで、Notionの具体的な活用方法をたっぷりご紹介しています。
YouTubeでもNotionの使い方や具体的な活用例などをご紹介しているので、こちらもよかったら合わせてご覧ください。
引き続き、忙しい毎日が捗るような、暮らしとNotionに関する情報を発信していきます。
最後まで読んでいただき、ありがとうございました!
また次回の記事でお会いしましょう。