Kuo-Liang Chang的沙龍

【notion】做一個美美的圖表

Kuo-Liang Chang-avatar-img
Kuo-Liang Chang
發佈於牛角村的技術室
更新於 發佈於 閱讀時間約 1 分鐘

要在 notion 放圖表主要是「embed」的方法嵌入第三方服務。（請參考：【notion】放個計算機在你的頁面（embed））

在 notion 建立資料

頂層建立資料（放在下層好像會找不到資料。）

raw-image


⛔⛔⛔如果您對第三方網站有資安疑慮請放棄以下操作⛔⛔⛔

第三方平台設定

這次要使用的是 notioncharts.io 的平台。

註冊免費帳號

在首頁按「Get started for free」，會跳出註冊畫面。

按「Continue with Google」用 Google 帳號進入。

raw-image

連接 notion 帳號

raw-image

完成

raw-image

建立圖表

raw-image

嵌入 notion 的頁面

raw-image

PS：本文 notion 範例在這裡。

另一個第三方圖表平台：https://notion2charts.com



raw-image



Kuo-Liang Chang的沙龍牛角村的技術室
留言
avatar-img
留言分享你的想法！
avatar-img
Kuo-Liang Chang的沙龍
10會員
21內容數
notion, C#, ASP.NET, ASP.NET CORE, JAVASCRIPT, ...
Kuo-Liang Chang的沙龍的其他內容
2022/01/23
【notion】放個計算機在你的頁面（embed）
是不是也能在 notion 的頁面上嵌入 Google 的計算機？應該偶爾會用到吧。
Thumbnail
2022/01/23
【notion】放個計算機在你的頁面（embed）
是不是也能在 notion 的頁面上嵌入 Google 的計算機？應該偶爾會用到吧。
Thumbnail
2022/01/21
【notion】看完一本書該給它幾分呢？（toNumber）
有些書（尤其是翻譯書）明明都是中文卻讀不懂、有些書文筆還行但內容卻不能苟同、有些書作者很有名氣可是出書卻沒啥內容…每個人的心中都有一把秤，不如以個人觀點來秤秤這些書吧。
Thumbnail
2022/01/21
【notion】看完一本書該給它幾分呢？（toNumber）
有些書（尤其是翻譯書）明明都是中文卻讀不懂、有些書文筆還行但內容卻不能苟同、有些書作者很有名氣可是出書卻沒啥內容…每個人的心中都有一把秤，不如以個人觀點來秤秤這些書吧。
Thumbnail
2022/01/20
【notion】減少重覆輸入的方法（relation & rollup）
我有2個資料表（table database），「📕帳本」儲存支出明細、「📗書本」記錄閱讀歷。希望能在📗書本中看到同一書在📕帳本中的購買日期、金額、店家，但兩邊都輸入很麻煩，而且資料一多或事情一忙就容易出錯。
Thumbnail
2022/01/20
【notion】減少重覆輸入的方法（relation & rollup）
我有2個資料表（table database），「📕帳本」儲存支出明細、「📗書本」記錄閱讀歷。希望能在📗書本中看到同一書在📕帳本中的購買日期、金額、店家，但兩邊都輸入很麻煩，而且資料一多或事情一忙就容易出錯。
Thumbnail
看更多
你可能也想看
Thumbnail
avatar-avatar
方格子 vocus 官方沙龍
2025 下半場，蝦皮分潤計畫 x vocus 陪你回顧上半年的美好開箱！
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》，我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物；這次活動不僅送出了許多獎勵，也反映了「內容有價」——創作不只是分享、紀錄，也能用各種不同形式變現、帶來實際收入。
#vocusforBusiness#蝦皮#蝦皮分潤
Thumbnail
avatar-avatar
方格子 vocus 官方沙龍
2025 下半場，蝦皮分潤計畫 x vocus 陪你回顧上半年的美好開箱！
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》，我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物；這次活動不僅送出了許多獎勵，也反映了「內容有價」——創作不只是分享、紀錄，也能用各種不同形式變現、帶來實際收入。
#vocusforBusiness#蝦皮#蝦皮分潤
Thumbnail
avatar-avatar
方格子 vocus 官方沙龍
徵才：社群與內容行銷專員 (Community & Marketing Specialist)
嗨！歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台，並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈！「創作至上」是我們的核心價值，我們致力於透過平台功能與服務，賦予創作者更多的可能。 vocus 平台匯聚了
#vocus#徵才#社群行銷
Thumbnail
avatar-avatar
方格子 vocus 官方沙龍
徵才：社群與內容行銷專員 (Community & Marketing Specialist)
嗨！歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台，並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈！「創作至上」是我們的核心價值，我們致力於透過平台功能與服務，賦予創作者更多的可能。 vocus 平台匯聚了
#vocus#徵才#社群行銷
Thumbnail
avatar-avatar
🛸 Fei 起來的動態館 🛸
不用寫程式，用 Notion 快速建立個人網站！
這篇涵蓋了 Notion 建立網站的基礎，還有免費的教學資源，讓你不用寫程式，就能用 Notion 快速建立個人網站！ Notion 簡易入口網站適合學生、求職、接案、小店家使用，能快速產出一個網站，節省成本又快速方便。
#Notion#基礎#網站
Thumbnail
avatar-avatar
🛸 Fei 起來的動態館 🛸
不用寫程式，用 Notion 快速建立個人網站！
這篇涵蓋了 Notion 建立網站的基礎，還有免費的教學資源，讓你不用寫程式，就能用 Notion 快速建立個人網站！ Notion 簡易入口網站適合學生、求職、接案、小店家使用，能快速產出一個網站，節省成本又快速方便。
#Notion#基礎#網站
Thumbnail
avatar-avatar
益生駿的沙龍
Notion Database 使用技巧一把抓（上篇）
經過前兩篇文章（Notion 是什麼？你適合使用 Notion 嗎、Notion 介面一覽及必備設定）的介紹，相信大家對 Notion 的功能及介面有了大致的瞭解，這次想要與大家分享的是我認為 Notion 中最具代表性的功能，Database。
#Notion教學#Notion#notion新手
Thumbnail
avatar-avatar
益生駿的沙龍
Notion Database 使用技巧一把抓（上篇）
經過前兩篇文章（Notion 是什麼？你適合使用 Notion 嗎、Notion 介面一覽及必備設定）的介紹，相信大家對 Notion 的功能及介面有了大致的瞭解，這次想要與大家分享的是我認為 Notion 中最具代表性的功能，Database。
#Notion教學#Notion#notion新手
Thumbnail
avatar-avatar
窩 World
操作教學｜教你在 Notion 就擁有繽紛的動態視覺圖表
想在 Notion 建立動態視覺圖表，通常都還會需要額外的外掛或小工具。因此本篇我們要和大家分享一個實用的工具 — ChartBase。ChartBase 是一款專為 Notion 打造的工具，提供了豐富多樣的動態視覺圖表選項，讓你能不再僅靠文字或數字，能透過動態視覺圖表將複雜的資料呈現得直觀易懂。
#圖表#數據#Notion
Thumbnail
avatar-avatar
窩 World
操作教學｜教你在 Notion 就擁有繽紛的動態視覺圖表
想在 Notion 建立動態視覺圖表，通常都還會需要額外的外掛或小工具。因此本篇我們要和大家分享一個實用的工具 — ChartBase。ChartBase 是一款專為 Notion 打造的工具，提供了豐富多樣的動態視覺圖表選項，讓你能不再僅靠文字或數字，能透過動態視覺圖表將複雜的資料呈現得直觀易懂。
#圖表#數據#Notion
Thumbnail
avatar-avatar
CT
【Notion 系列<功能篇>】三大常用功能介紹！#內附待辦清單模板
如果你想要建立自己專屬的知識庫，或者是建立自己的待辦清單，這些零星的教學課程絕對夠你使用。 不過這裡想要介紹三大 Notion 必知道的功能，如果你跟筆者一樣都是金魚腦，很難記得很多東西，基本上掌握了這三大功能，Notion 可以快快上手喔！
#Notion#待辦清單#知識庫
Thumbnail
avatar-avatar
CT
【Notion 系列<功能篇>】三大常用功能介紹！#內附待辦清單模板
如果你想要建立自己專屬的知識庫，或者是建立自己的待辦清單，這些零星的教學課程絕對夠你使用。 不過這裡想要介紹三大 Notion 必知道的功能，如果你跟筆者一樣都是金魚腦，很難記得很多東西，基本上掌握了這三大功能，Notion 可以快快上手喔！
#Notion#待辦清單#知識庫
Thumbnail
avatar-avatar
窩 World
操作教學｜讓你在 Notion 打造不同的文字樣式 (二)
在先前的文章中，我們分享了如何讓你能在頁面中建構出類紙膠帶 or 重點註記的文字樣式，提升內容的視覺吸引力。接下來，在這篇文章中，我們將繼續探索 Notion 的功能，教你如何在資料庫中使用公式 ( equation )，打造多樣化的文字風格，並使你的資料庫更加獨特和個性化。讓我們看下去！
#分享#教學#Notion
Thumbnail
avatar-avatar
窩 World
操作教學｜讓你在 Notion 打造不同的文字樣式 (二)
在先前的文章中，我們分享了如何讓你能在頁面中建構出類紙膠帶 or 重點註記的文字樣式，提升內容的視覺吸引力。接下來，在這篇文章中，我們將繼續探索 Notion 的功能，教你如何在資料庫中使用公式 ( equation )，打造多樣化的文字風格，並使你的資料庫更加獨特和個性化。讓我們看下去！
#分享#教學#Notion
Thumbnail
avatar-avatar
但丁快書漫想
不懂程式小白也能輕鬆將Kobo畫線筆記自動匯入Notion中—讓你不再為整理筆記煩惱
我尋找有沒有可以自動將Kobo畫線內容導入到Notion的方法，找到了某個網站也有跟我同樣的困擾，原本以為按照他的步驟一步一步就可以完成了，但卻還是在途中遇到困難，再經歷一次次將問題丟掉GPT尋求解答後，我想可以將更多這個網站可能比較沒有提到的部份以及我遇到的問題分享給大家。
#電子書#程式#閱讀筆記
Thumbnail
avatar-avatar
但丁快書漫想
不懂程式小白也能輕鬆將Kobo畫線筆記自動匯入Notion中—讓你不再為整理筆記煩惱
我尋找有沒有可以自動將Kobo畫線內容導入到Notion的方法，找到了某個網站也有跟我同樣的困擾，原本以為按照他的步驟一步一步就可以完成了，但卻還是在途中遇到困難，再經歷一次次將問題丟掉GPT尋求解答後，我想可以將更多這個網站可能比較沒有提到的部份以及我遇到的問題分享給大家。
#電子書#程式#閱讀筆記
Thumbnail
avatar-avatar
Simon Ng的沙龍
不用寫程式都能架設網站：學習 Notion 和 Super 建立一頁式個人網站
不懂寫程式該如何架設網站？在上一篇文章介紹了多款 No Code 架設網站的工具，我想你已對架站的 No Code 工具有一定了解。如果你還未曾試過建立網站，今天就試試由零開始利用 Notion 架設一個簡單的個人網站。 Notion 網站架設準備工作 將 Notion Page 轉為一頁式網頁
#網站設計#Notion#一人公司
Thumbnail
avatar-avatar
Simon Ng的沙龍
不用寫程式都能架設網站：學習 Notion 和 Super 建立一頁式個人網站
不懂寫程式該如何架設網站？在上一篇文章介紹了多款 No Code 架設網站的工具，我想你已對架站的 No Code 工具有一定了解。如果你還未曾試過建立網站，今天就試試由零開始利用 Notion 架設一個簡單的個人網站。 Notion 網站架設準備工作 將 Notion Page 轉為一頁式網頁
#網站設計#Notion#一人公司
Thumbnail
avatar-avatar
Kuo-Liang Chang的沙龍
【notion】做一個美美的圖表
要在 notion 放圖表主要是「embed」的方法嵌入第三方服務。 ⛔⛔⛔如果您對第三方網站有資安疑慮請放棄以下操作⛔⛔⛔
#notion#embed#chart
Thumbnail
avatar-avatar
Kuo-Liang Chang的沙龍
【notion】做一個美美的圖表
要在 notion 放圖表主要是「embed」的方法嵌入第三方服務。 ⛔⛔⛔如果您對第三方網站有資安疑慮請放棄以下操作⛔⛔⛔
#notion#embed#chart
Thumbnail
avatar-avatar
遙遙的遊戲房
如何用 Notion 管理專題分頁？
話說我這個小懶鬼當初沒有搞懂專題分頁是什麼，所以 Tag 亂下，搞得我的專題分頁看起來很不明確。再加上最近在臉書分享的 Notion 貼文又開始有人在按讚（神奇的演算法），為了感謝大家的這一年來的支持，想要在年末的時候教大家一些我常用的小技巧！
#Notion#整理#管理
Thumbnail
avatar-avatar
遙遙的遊戲房
如何用 Notion 管理專題分頁？
話說我這個小懶鬼當初沒有搞懂專題分頁是什麼，所以 Tag 亂下，搞得我的專題分頁看起來很不明確。再加上最近在臉書分享的 Notion 貼文又開始有人在按讚（神奇的演算法），為了感謝大家的這一年來的支持，想要在年末的時候教大家一些我常用的小技巧！
#Notion#整理#管理
Thumbnail
avatar-avatar
Elisa的角落
工具 | 教你用Notion製作3種網頁「剪貼本」
Notion是免費的雲端筆記服務，提供多元的模板，用來蒐集網頁、製作網頁剪貼本，是非常方便的工具！ 今天就介紹如何利用Notion提供的「web clipper」製作3種不同的剪貼本格式！
#筆記術#Notion#資料整理
Thumbnail
avatar-avatar
Elisa的角落
工具 | 教你用Notion製作3種網頁「剪貼本」
Notion是免費的雲端筆記服務，提供多元的模板，用來蒐集網頁、製作網頁剪貼本，是非常方便的工具！ 今天就介紹如何利用Notion提供的「web clipper」製作3種不同的剪貼本格式！
#筆記術#Notion#資料整理
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News