操作教學|教你如何在 Notion 繪製圓餅圖

更新於 2024/01/11閱讀時間約 7 分鐘
© 窩DEMAA
嘿!大家好!大家知道 Notion 嗎?
Notion 是一個強大且多功能的協作工具,除了管理你的筆記和任務外,它還可以用來視覺化資料。在這篇文章中,我將向你介紹如何使用 Mermaid 語法在 Notion 上繪製圓餅圖。 圓餅圖是一種常見的圖表形式,它可以清晰地展示數據的比例關係和分佈情況。

01 呼叫公式

使用 Notion 快捷鍵 ( / ) 呼叫指令,在斜線後輸入 code 開啟公式指令。
01 呼叫公式

02 輸入對應語法

在 code 語法的編輯頁面,滑鼠移至左上方,選擇使用 code 語法是 Mermaid,以及所要呈現的方式為 Split。
02 輸入對應語法
Mermaid 語法完成的呈現方式除了剛剛分享的 Split,用於即時預覽編寫的程式碼是否正確外,還有另外兩款,分別是 Code 及 Preview。點選 Code 模式,便只會單獨存在你所撰寫的 Mermaid 語法;點選 Preview 模式,便只會呈現出圓餅圖的畫面。
如果你對 Mermaid 語法的三種呈現方式,以及何時應該使用它們還不熟悉,以下是我們提供的使用情境,你可以參考它們在 Split、Code 和 Preview 中的適用性:
  • Split
    如果你想要直接編寫 Mermaid 語法並即時查看結果,Split 模式是很適合的。你可以在上側的編輯器中輸入 Mermaid 語法,下側的預覽窗格將即時顯示圖形結果。
  • Code
    如果你更喜歡在一個專用的編輯器中編寫 Mermaid 語法,並且希望有更大的編輯區域和更豐富的程式編輯功能,那麼你可以切換到 Code 模式。在這個模式下,你可以在一個全螢幕的編輯器中編寫 Mermaid 語法,接續在完成後,透過點擊「Preview」按鈕來預覽圖形結果。
  • Preview
    如果你只關心最終的圖形結果,而不需要直接編寫 Mermaid 語法,那麼 Preview 模式非常適合。在這個模式下,你可以使用預設的圖形編輯工具或匯入已編寫好的 Mermaid 語法檔案,然後即時預覽並進行必要的調整。
當然,無論你選擇使用哪種方式,都可以根據自己的需求和偏好來選擇最適合的 Mermaid 語法呈現方式。這些選項將幫助你更好地編寫、預覽和調整 Mermaid 圖形。

03 實際操作

① 時間規劃

情境:
當我們談論成功人士的時間規劃,每個人的情況可能會有所不同。然而,根據一般的時間管理原則和成功人士的習慣,以下是一個可能的時間規劃比率:50% 的時間用於工作,這包括職業工作、業務發展等;20% 的時間用於學習和成長,例如閱讀、學習新技能等;10% 的時間用於休閒和娛樂,這可以是看電影、閱讀小說、玩樂器等;10% 的時間用於運動和健康,例如運動、瑜伽等;5% 的時間用於社交和人際關係,包括和家人、朋友的交流;最後的 5% 的時間則用於家庭和關懷,例如與家人共度時光、照顧家人等。
pie
  title 成功人士每日時間規劃比率
  "工作": 50
  "學習和成長": 20
  "休閒和娛樂": 10
  "運動和健康": 10
  "社交和人際關係": 5
  "家庭和關懷": 5
03 實際操作|① 時間規劃

② 支出規劃

情境:
當我們談論成功人士的支出規劃,每個人的情況可能會有所不同。然而,根據成功人士的經驗,他們通常將每月的支出分配在不同的項目上,以下是一個可能的支出規劃比率:
  • 房租/貸款:這是你支付居住場所租金或抵押貸款的部分,通常佔整體支出的25%。
  • 日常開支:包括生活必需品、水電費、電話費、網路費等,佔整體支出的20%。
  • 存款/投資:這是為了長期財務規劃而存款或投資的部分,佔整體支出的15%。
  • 交通/車輛:包括汽車貸款、汽車保險、汽車維護等,佔整體支出的10%。
  • 飲食/食品:包括在外就餐、食品購買等,佔整體支出的10%。
  • 旅遊/娛樂:包括度假、休閒活動等,佔整體支出的8%。
  • 衣物/配件:包括衣物購買、配件購買等,佔整體支出的5%。
  • 保險/退休:包括保險費用、退休基金等,佔整體支出的5%。
  • 教育/培訓:包括學費、培訓課程等,佔整體支出的2%。
  • 慈善捐款:這是你願意捐贈給慈善機構或社會公益事業的部分,佔整體支出的0.5%。
  • 其他:可以用於緊急預備金使用,。
pie
title 成功人士每月支出規劃
    "房租/抵押" : 25
    "日常開支" : 20
    "存款/投資" : 15
    "交通/車輛" : 10
    "飲食/食品" : 10
    "旅遊/娛樂" : 8
    "衣物/配件" : 5
    "保險/退休" : 5
    "教育/培訓" : 2
    "慈善捐款" : 0.5
    "其他" : 0.5
03 實際操作|② 支出規劃
請注意,這些比率僅為一般建議,你可以根據自己的情況進行調整和修改。這可以作為你財務規劃的參考,幫助你更好地管理財務並實現財務目標。

③ 工作分配

情境:
行政人員每日工作分配對於工作效率和生活品質至關重要。了解如何合理分配工作項目,是保持工作和生活平衡的關鍵。以下是行政人員每日工作分配比率:工作任務佔據了大部分的時間,佔比為60%。接著是會議/協作,佔比為20%。個人工作佔10%,休息/用餐佔5%,專案管理佔3%,學習/自我提升佔2%。
pie title 行政人員每日工作分配
    "工作任務" : 60
    "會議/協作" : 20
    "個人工作" : 10
    "休息/用餐" : 5
    "專案管理" : 3
    "學習/自我提升" : 2
03 實際操作|③ 工作分配
這個圓餅圖能幫助我們更清楚地了解行政人員在每日工作中的工作分配情況。它提醒我們合理安排時間,確保工作和休息的平衡,以及持續學習和成長的機會。

今天的分享就到這邊啦,期待下一篇的分享,祝福大家都有個美好的一天!喜歡窩DEMAA(OS: 就是取自”我的媽啊“的諧音)的朋友,歡迎按讚追蹤分享,也歡迎加入 數位生產力 IGFB 社團,就能在第一時間收到最新的生產力工具介紹。最後,也別忘記可以使用 Mermaid 語法在 Notion 上繪製圓餅圖,視覺化你的學習/工作面板,點此 看本篇實際操作的 code。我們下次見^^

☸ 窩DEMAA

FBIGTiktokMatterPopdaily
© 窩DEMAA|數位生產力
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
avatar-img
245會員
101內容數
在多工處理已是日常的世代,具備提升效率的能力變得非常重要。我們相信只要瞭解如何使用數位工具,就能夠優化工作型態及學習模式,讓生活逐步精緻化。基於此信念,窩 World 包含的 Notion 的 Small Talk 以及數位生產力,將重點說明 Notion 的使用及數位工具的分享,讓大家能視個人需求建立專屬的知識地圖。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
窩 World 的其他內容
Notion 是一個受歡迎的全方位筆記平台,以其獨特的風格和設計著稱。如果你渴望能擁有與眾不同、Notion風格、自訂且個性化的可愛大頭貼,那麼本篇將向你介紹的 Humanotion、Notion Avatar Maker、Personas 和 Notion Avatar 四個網站,千萬不要錯過。
在先前的文章中,我們分享了如何讓你能在頁面中建構出類紙膠帶 or 重點註記的文字樣式,提升內容的視覺吸引力。接下來,在這篇文章中,我們將繼續探索 Notion 的功能,教你如何在資料庫中使用公式 ( equation ),打造多樣化的文字風格,並使你的資料庫更加獨特和個性化。讓我們看下去!
Shorouk's Blog 是一款免費的第三方軟體,提供了一系列的小工具,包括日曆、小算盤、番茄鐘、導覽列、日期、時間、倒數計時器、跳轉按鈕、每日一句、表情符號、單位換算,以及每天/週/月/年剩餘時間。本篇將專注介紹先前所未介紹到的六款小工具,為大家帶來更多選擇。讓我們看下去!!!
Kairo 是一款免費的第三方軟體,提供了一系列的小工具,包括喝水、運動、閱讀、休息、寫作、喝咖啡、專注時間、番茄鐘,以及各種你希望安排的目標和行動。現在我們將分成二個部分來逐一說明,包括 Kairo 提供的小工具以及如何將這些 Widget 嵌入到 Notion 頁面中。讓我們繼續往下看。
WidgetBox 是一款免費的第三方軟體,提供了一系列的小工具,包括日曆、翻頁時鐘、按讚數、頁面瀏覽數、語錄、每日/週天氣、倒數計時器、人生進度條,以及 Buy Me A Coffee。本篇將專注介紹 Indify 及 Apption 未包含的三款小工具,為大家帶來更多選擇。走吧!!!
Apption 是一款免費的第三方軟體,提供了一系列的小工具,包括日曆、天氣、翻頁時鐘、音樂嵌入、小白板、24小時制時鐘、GIPHY、Pinterest、每日語錄、留言區、今日月相,以及 Buy Me A Coffee。本篇將專注介紹 Indify 未包含的五款小工具,為大家帶來更多選擇。走吧!!!
Notion 是一個受歡迎的全方位筆記平台,以其獨特的風格和設計著稱。如果你渴望能擁有與眾不同、Notion風格、自訂且個性化的可愛大頭貼,那麼本篇將向你介紹的 Humanotion、Notion Avatar Maker、Personas 和 Notion Avatar 四個網站,千萬不要錯過。
在先前的文章中,我們分享了如何讓你能在頁面中建構出類紙膠帶 or 重點註記的文字樣式,提升內容的視覺吸引力。接下來,在這篇文章中,我們將繼續探索 Notion 的功能,教你如何在資料庫中使用公式 ( equation ),打造多樣化的文字風格,並使你的資料庫更加獨特和個性化。讓我們看下去!
Shorouk's Blog 是一款免費的第三方軟體,提供了一系列的小工具,包括日曆、小算盤、番茄鐘、導覽列、日期、時間、倒數計時器、跳轉按鈕、每日一句、表情符號、單位換算,以及每天/週/月/年剩餘時間。本篇將專注介紹先前所未介紹到的六款小工具,為大家帶來更多選擇。讓我們看下去!!!
Kairo 是一款免費的第三方軟體,提供了一系列的小工具,包括喝水、運動、閱讀、休息、寫作、喝咖啡、專注時間、番茄鐘,以及各種你希望安排的目標和行動。現在我們將分成二個部分來逐一說明,包括 Kairo 提供的小工具以及如何將這些 Widget 嵌入到 Notion 頁面中。讓我們繼續往下看。
WidgetBox 是一款免費的第三方軟體,提供了一系列的小工具,包括日曆、翻頁時鐘、按讚數、頁面瀏覽數、語錄、每日/週天氣、倒數計時器、人生進度條,以及 Buy Me A Coffee。本篇將專注介紹 Indify 及 Apption 未包含的三款小工具,為大家帶來更多選擇。走吧!!!
Apption 是一款免費的第三方軟體,提供了一系列的小工具,包括日曆、天氣、翻頁時鐘、音樂嵌入、小白板、24小時制時鐘、GIPHY、Pinterest、每日語錄、留言區、今日月相,以及 Buy Me A Coffee。本篇將專注介紹 Indify 未包含的五款小工具,為大家帶來更多選擇。走吧!!!
你可能也想看
Google News 追蹤
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
手機賺錢:Hamster Kombat(倉鼠快打-類似Notcoin)最完整操作教學與攻略 日入600萬金幣的秘訣 先說重點: 您觀看本文對你有哪些實際幫助? (有別於其它網站只是簡單說明操作方法): 您不需有虛擬貨幣的知識, 只需按照教學步驟去做就可以賺金幣(國中生程度都會) 您不需花很
Thumbnail
在零售和餐飲業,點銷售系統(POS系統)不僅是一種技術工具,更是經營成功的關鍵。有效地使用POS系統可以幫助業務主提升交易效率、改善庫存管理,並增強顧客關係。本文將提供一個全面的POS系統入門教學,包含核心功能及日常操作流程,幫助您快速上手。
Thumbnail
本報告通過分析目前加密貨幣市場,提出本週套利選幣機會,如LONG AVAX現貨/SHORT AVAX永續合約等。並就Bybit交易所的限時套利及補貼活動提供建議與注意事項。
Thumbnail
了解這些Prompts,你將領先99%的人。首先,「指令提示」適用於簡單問題。其次,「角色提示」讓AI具角色,如文案專家。再者,「一次性提示」提供GPT範例以學習。最後,「多鏡頭提示」獲全面答案。掌握技巧,使用GPT更有效。
Thumbnail
團隊在上篇報告「穩定幣好去處,長期 APR 20% 以上的套利策略」分享如何利用 Bybit 交易所的統一交易帳戶功能達到 APR 20% 的套利。有群友詢問能否如選幣報告一樣,定期分享可以套利的幣種,且避免踩到地雷,本篇報告將向讀者傳達以下幾點: 本週套利選幣機會 CEX限時補貼流動性挖
Thumbnail
本文帶領大家學習如何調整 Stable Diffusion WebUI 上各種參數。我們以 txt2img 為例,帶大家認識基本設定、Sampling method 或 CFG scale 等各種參數調教,以及參數間彼此的影響,讓大家能夠初步上手,熟悉 AI 算圖!
Thumbnail
4/6因為美股前一日有跌幅,因此4/6台股當天跳空下殺,因此留下一個巨大的空方缺口。在技術分析裡面,跳空代表強烈的市場情緒的爆發,跳空大漲或大跌都必須要尊重趨勢,跳空容易出現連續趨勢,如同日本股市在短期間之內連續跳空大跌與大漲。因此遇到跳空大跌或大漲,如果不是順勢操作,而是逆勢操作
Thumbnail
Sui Heroes 第一次的 Testmint 終於來啦~ 2/10起,在BeLaunch平台上開放測試鑄造,快來領取屬於你的英雄!
「自慰高潮重點小訣竅」: 自慰時下身到整個腿部一定要先完全放鬆,因為夾緊會容易及助於高潮! 很多女生第一次自慰也是靠腿夾著或是配合磨蹭就是這個原因,大部分夾腿時又是維持側躺彎曲⋯
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
手機賺錢:Hamster Kombat(倉鼠快打-類似Notcoin)最完整操作教學與攻略 日入600萬金幣的秘訣 先說重點: 您觀看本文對你有哪些實際幫助? (有別於其它網站只是簡單說明操作方法): 您不需有虛擬貨幣的知識, 只需按照教學步驟去做就可以賺金幣(國中生程度都會) 您不需花很
Thumbnail
在零售和餐飲業,點銷售系統(POS系統)不僅是一種技術工具,更是經營成功的關鍵。有效地使用POS系統可以幫助業務主提升交易效率、改善庫存管理,並增強顧客關係。本文將提供一個全面的POS系統入門教學,包含核心功能及日常操作流程,幫助您快速上手。
Thumbnail
本報告通過分析目前加密貨幣市場,提出本週套利選幣機會,如LONG AVAX現貨/SHORT AVAX永續合約等。並就Bybit交易所的限時套利及補貼活動提供建議與注意事項。
Thumbnail
了解這些Prompts,你將領先99%的人。首先,「指令提示」適用於簡單問題。其次,「角色提示」讓AI具角色,如文案專家。再者,「一次性提示」提供GPT範例以學習。最後,「多鏡頭提示」獲全面答案。掌握技巧,使用GPT更有效。
Thumbnail
團隊在上篇報告「穩定幣好去處,長期 APR 20% 以上的套利策略」分享如何利用 Bybit 交易所的統一交易帳戶功能達到 APR 20% 的套利。有群友詢問能否如選幣報告一樣,定期分享可以套利的幣種,且避免踩到地雷,本篇報告將向讀者傳達以下幾點: 本週套利選幣機會 CEX限時補貼流動性挖
Thumbnail
本文帶領大家學習如何調整 Stable Diffusion WebUI 上各種參數。我們以 txt2img 為例,帶大家認識基本設定、Sampling method 或 CFG scale 等各種參數調教,以及參數間彼此的影響,讓大家能夠初步上手,熟悉 AI 算圖!
Thumbnail
4/6因為美股前一日有跌幅,因此4/6台股當天跳空下殺,因此留下一個巨大的空方缺口。在技術分析裡面,跳空代表強烈的市場情緒的爆發,跳空大漲或大跌都必須要尊重趨勢,跳空容易出現連續趨勢,如同日本股市在短期間之內連續跳空大跌與大漲。因此遇到跳空大跌或大漲,如果不是順勢操作,而是逆勢操作
Thumbnail
Sui Heroes 第一次的 Testmint 終於來啦~ 2/10起,在BeLaunch平台上開放測試鑄造,快來領取屬於你的英雄!
「自慰高潮重點小訣竅」: 自慰時下身到整個腿部一定要先完全放鬆,因為夾緊會容易及助於高潮! 很多女生第一次自慰也是靠腿夾著或是配合磨蹭就是這個原因,大部分夾腿時又是維持側躺彎曲⋯