MENU

【Notion】簡単にグラフを表示できる3つの方法【スプレッドシート】

gakuの本棚

こんにちはgakuです

今回はNotionでグラフを表示する方法を紹介します

はじめに、Notionは表の「作成」や「計算」は可能ですが、グラフの作成は今のところ出来ません

しかし、googleのスプレッドシートと連携することで、Notionでもグラフを表示することができます

本記事はこのような方におすすめです

・Notionでグラフも管理したい
・簡単にグラフを貼り付けたい
・グラフを数値に合わせて自動更新させたい

とくに全ての情報をNotionで一括管理したい方におすすめです

今回は3つの方法を紹介します

⒈スプレッドシードのリンクを貼り付ける

⒉Google Driveに登録して貼り付ける

⒊Notion Chartsを利用する

それぞれに、メリット・デメリットがあるので、その比較も行っています

ちなみに「⒊Notion Charts」だとこんなグラフが簡単にできます

このグラフは札幌の年間気温です

gakuの本棚

グラフ化のメリットは、数字の増減がわかりやすいことです

最近筋トレを始めたので、体重や体脂肪率の管理をグラフで行っています

グラフだと変化がわかりやすく、モチベーションの維持に役立ってます

また、日記もNotionで記録しているため、体重の変化と自分の行動を簡単にチェックできるので便利です

はじめに、それぞれの方法の特徴をまとめました

シートの共有設定が必要なものもありますので、情報を記録するときは注意してください

難易度 自動更新 表の編集 見やすさ セキュリティ
スプレッドシードのリンクを貼り付ける 簡単 あり Notion上で可能 普通 共有設定が必要
GoogleDriveに登録して貼り付ける 簡単
(登録が必要)
なし スプレッドシートで編集 見にくい 高い
Notion Chartsを利用する 普通 あり スプレッドシートで編集 見やすい 共有設定が必要
もくじ

⒈スプレッドシートのリンクを貼り付ける

Notionにスプレッドシートのリンクを直接貼り付ける方法です

このような表示をNotionでも出来るようになります

gakuの本棚

【操作方法】

①スプレッドシートにグラフを作成する

グラフのサイズを小さめにするのがポイント

gakuの本棚

②共有を開きます。「リンクを知っている全員」を選択し、リンクをコピーする

gakuの本棚

gakuの本棚

③ここからはNotion側の操作となります

コピーしたリンクを貼り付けし、『Create bookmark』を選択します

gakuの本棚

④グラフが貼り付けできました。しかし、サイズが小さいので調整します

gakuの本棚

サイズの調整できました

gakuの本棚

メリット・デメリット

【メリット】

  • Notion上でスプレッドシートと同じ操作が出来る
  • カーソルを合わせると、グラフの数値が表示される
  • グラフの書式変更がNotion上で行える
  • 数値を変更すると、自動でグラフに反映される
  • 一つのリンクで複数のシートを使用できる

○カーソルを合わせると、グラフ内の数値がわかる

gakuの本棚

○グラフの書式変更ができる

gakuの本棚

○Notion上で数値を変更できる

gakuの本棚

【デメリット】

  • セキュリティが弱い。リンクを知っていれば誰でもシートを見れる
  • Notinoの表示サイズが小さくなると、グラフ全体を表示できない

⒉GoogleDriveに登録してグラフを挿入

NotionのGoogleDrive連携を活用して、グラフを挿入します

表示はこんな感じです

gakuの本棚

【操作方法】

①スプレッドシートにグラフを作成する

gakuの本棚

②ここからはNotion側の操作です

設定で、自分のグーグルアカウントを登録します (登録済みの人は④まで飛ばしてもOKです)

「/go」と入力し、GoogleDriveを選択します

gakuの本棚

③ Browse Google Driveのタブから「Connect another account」を選択します

Googleのアカウント登録画面に移行するので、連携したいアカウントを選びます

gakuの本棚

④実際にグラフを挿入します

「/go」と入力し、GoogleDriveを選択します

gakuの本棚

⑤「Choose from 登録アカウント名」をクリック

gakuの本棚

⑥Notionに入れたいファイルを選びます

gakuの本棚

⑦グラフの貼り付けができました

gakuの本棚

メリット・デメリット

【メリット】

  • セキュリティが他に比べて高い
  • グラフの挿入が簡単

【デメリット】

  • Notionでシートの編集が出来ない
  • 元シートの数値を変更しても、グラフは自動更新されない
  • グラフの表示範囲の調整が難しい

⒊Notion Chartsを利用する

「Notion Charts」とはスプレッドシートのデータを利用し、Notionにグラフを表示できるツールです

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

gakuの本棚

【操作方法】

①スプレッドシートに表を作成する

グラフの作成は必要ありません

gakuの本棚

②共有を開き、「リンクを知っている全員」を選択します

gakuの本棚

gakuの本棚

③スプレッドシートのアドレスをコピーします。(の部分をコピー)

spreadsheets/d/ 〇〇〇 /edit-

gakuの本棚

④Notion Chartsへアクセスをします (https://www.notion.vip/charts/)

gakuの本棚

⑤コピーしたアドレスを貼り付けます

グラフにするシート名を入力します

グラフにする範囲を入力します(数値を追加する予定がある人は、範囲を広めに設定)

gakuの本棚

⑧グラフのタイプと線色を選びます

gakuの本棚

gakuの本棚

上の設定をシートでみると、このようになってます

gakuの本棚

⑨「MAKE MAGIC」をクリックし、リンクが作成されるのでコピーします

gakuの本棚

gakuの本棚

⑩ここからはNotionでの操作です

コピーしたリンクを貼り付けし、「Create enbed」を選択します

gakuの本棚

グラフが表示されました

gakuの本棚

メリット・デメリット

【メリット】

  • カーソルでグラフの数値をみることができる
  • シートの数値を変えると、自動でグラフが更新させる
  • Notionの大きさに合わせて、グラフの大きさが変わる。(自動最適化)

○カーソルを合わせると、数値が表示される

gakuの本棚

○シートの数値を変更すると、グラフも自動で更新されます

gakuの本棚

○表示サイズを小さくしても、自動で最適化されます

gakuの本棚

【デメリット】

  • レイアウト変更をする場合、「Notion Charts」で新規作成する必要がある
  • セキュリティが弱い。リンクを知っていれば誰でも見れる

まとめ

今回はNotionにグラフを貼り付ける3つの方法を紹介しました

私の使い分けは、こんな感じです

・シートを共有にしたくない → 2.GoogleDriveに登録して貼り付け

・スプレッドシートの機能を使いたい → ⒈スプレッドシートのリンクを貼り付ける

・グラフを見るのがメイン →  ⒊Notion Chartsを利用

Notionではさまざまな情報を一括管理できるので、知識・記録の管理が捗ります

メモやノートアプリを探している方は、試しに使ってみてはどうでしょうか

最後までお読みいただきありがとうございます

今後もNotier(ノーシャー)として、情報を発信していきます

操作方法をまとめました
Notionへ貼り付けて、メモとして活用してください

⒈スプレッドシートのリンクを貼り付ける
①スプレッドシートにグラフを作成
②共有を開き、「リンクを知っている全員」を選択。リンクをコピーする
③(Notion)コピーしたリンクを貼り付けし、『Create bookmark』を選択
④グラフが貼り付け。表示サイズの調整をする
⒉GoogleDriveに登録してグラフを挿入
①スプレッドシートにグラフを作成
②(Notion)グーグルアカウントの登録 (登録済みの人は④へ)
「/go」と入力し、GoogleDriveを選択
③ Browse Google Driveのタブから「Connect another account」を選択
Googleのアカウント登録画面に移行するので、登録を行う
④グラフを挿入します。「/go」と入力し、GoogleDriveを選択
⑤「Choose from 登録アカウント名」をクリック
⑥Notionに入れたいファイルを選ぶ
⒊Notion Chartsを利用
①スプレッドシートに表を作成(グラフの作成は不要)
②共有を開き、「リンクを知っている全員」を選択
③スプレッドシートのアドレスをコピー(○の部分をコピー:d/ 〇〇〇 /edit)
④「Notion Charts」へアクセス (https://www.notion.vip/charts/))
⑤コピーしたアドレスを貼り付け。グラフにするシート名と範囲を入力
⑧グラフのタイプと線色を選ぶ
⑨「MAKE MAGIC」をクリックし、作成されたリンクをコピー
⑩(Notion)コピーしたリンクを貼り付けし、「Create enbed」を選択
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

もくじ