操作教學|教你如何在 Notion 繪製時間軸

閱讀時間約 13 分鐘
© 窩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 實際操作

① 專案_日期

情境:老闆要求專案經理進行一份五個月的專案規劃,並以時間軸呈現。
◆ 英文版
gantt
dateFormat MM-DD
axisFormat %m-%d
title Project Timeline for a Five-Month Project
section Initiation
Project Kickoff: 01-01, 01-07
Define Project Scope: 01-08, 01-14
Identify Stakeholders: 01-15, 01-21
Develop Project Plan: 01-22, 01-28
section Execution
Task 1: 01-29, 02-14
Task 2: 02-15, 03-07
Task 3: 03-08, 03-21
section Monitoring and Control
Regular Status Updates: 03-22, 04-15
Risk Assessment: 04-16, 04-30
Issue Management: 05-01, 05-15
section Closure
Finalize Project Deliverables: 05-16, 05-22
Conduct Project Review: 05-23, 05-29
Project Closure: 05-30, 06-01
03 實際操作|① 專案_月份|英文
◆ 中文版
gantt
dateFormat MM-DD
axisFormat %m-%d
title 五個月專案的項目時間軸
section 啟動階段
專案啟動: 01-01, 01-07
定義專案範圍: 01-08, 01-14
確定利益相關者: 01-15, 01-21
制定專案計劃: 01-22, 01-28
section 執行階段
任務 1: 01-29, 02-14
任務 2: 02-15, 03-07
任務 3: 03-08, 03-21
section 監控與控制階段
定期狀態更新: 03-22, 04-15
風險評估: 04-16, 04-30
問題管理: 05-01, 05-15
section 結束階段
最終確定專案成果: 05-16, 05-22
進行專案審查: 05-23, 05-29
專案結束: 05-30, 06-01
03 實際操作|① 專案_月份|中文

② 行程_小時

情境:當我們渴望學習成功人士的生活方式和行程規劃時,時間軸成為了我們的有力工具。透過時間軸的呈現方式,我們能夠清晰地看到他們在平日和週末的行程安排,並快速辨識出我們可以調整和學習改變的地方。
情境一:平日行程安排
◆ 平日行程安排|英文版
gantt
dateFormat HH:mm
axisFormat %H:%M
title Daily Schedule for Successful Individuals
section Morning Routine
Wake up: 06:00, 06:30
Exercise: 06:30, 07:30
Breakfast: 07:30, 08:00
section Work
Check emails: 08:00, 08:30
Meetings: 08:30, 10:00
Focus work: 10:00, 12:00
Lunch break: 12:00, 13:00
section Afternoon Tasks
Project work: 13:00, 16:00
Brainstorming: 16:00, 17:00
section Personal Development
Read: 17:00, 18:00
Learning new skills: 18:00, 19:00
section Relaxation and Self-Care
Exercise or Yoga: 19:00, 20:00
Dinner: 20:00, 21:00
Relaxation time: 21:00, 22:00
Bedtime routine: 22:00, 23:00
03 實際操作|② 行程_小時|◆平日行程安排|英文版
◆ 平日行程安排|中文版
gantt
dateFormat HH:mm
axisFormat %H:%M
title 成功人士的每日行程安排
section 早晨日常
起床: 06:00, 06:30
運動: 06:30, 07:30
早餐: 07:30, 08:00
section 工作
檢查郵件: 08:00, 08:30
會議: 08:30, 10:00
專注工作: 10:00, 12:00
午餐: 12:00, 13:00
section 午後任務
專案工作: 13:00, 16:00
腦力激盪: 16:00, 17:00
section 投資自己
閱讀: 17:00, 18:00
學習新技能: 18:00, 19:00
section 放鬆時光
運動/瑜伽: 19:00, 20:00
晚餐: 20:00, 21:00
放鬆時間: 21:00, 22:00
睡前準備: 22:00, 23:00
03 實際操作|② 行程_小時|◆平日行程安排|中文版
情境二:週末行程安排
◆ 週末行程安排|英文版
gantt
dateFormat HH:mm
axisFormat %H:%M
title Weekend Schedule for Successful Individuals
section Saturday
Wake up: 06:00, 06:30
Exercise: 06:30, 07:30
Breakfast: 07:30, 08:00
Personal Projects: 08:00, 12:00
Lunch: 12:00, 13:00
Social Activities: 13:00, 18:00
Dinner: 18:00, 19:00
Relaxation and Self-Care: 19:00, 22:00
Bedtime Routine: 22:00, 23:00
section Sunday
Wake up: 07:00, 07:30
Exercise: 07:30, 08:30
Breakfast: 08:30, 09:00
Family Time: 09:00, 12:00
Lunch: 12:00, 13:00
Learning and Skill Development: 13:00, 16:00
Outdoor Activities: 16:00, 18:00
Dinner: 18:00, 19:00
Relaxation and Leisure: 19:00, 22:00
Bedtime Routine: 22:00, 23:00
03 實際操作|② 行程_小時|◆週末行程安排|英文版
◆ 週末行程安排|中文版
gantt
dateFormat HH:mm
axisFormat %H:%M
title 成功人士週末行程規劃
section 星期六
起床: 06:00, 06:30
運動: 06:30, 07:30
早餐: 07:30, 08:00
個人專案: 08:00, 12:00
午餐: 12:00, 13:00
社交活動: 13:00, 18:00
晚餐: 18:00, 19:00
放鬆時間: 19:00, 22:00
睡前準備: 22:00, 23:00
section 星期日
起床: 07:00, 07:30
運動: 07:30, 08:30
早餐: 08:30, 09:00
家庭時間: 09:00, 12:00
午餐: 12:00, 13:00
學習新技能: 13:00, 16:00
戶外活動: 16:00, 18:00
晚餐: 18:00, 19:00
放鬆時間: 19:00, 22:00
睡前準備: 22:00, 23:00
03 實際操作|② 行程_小時|◆週末行程安排|英文版

③ 事件_分鐘

情境:專案經理正準備安排一場只有一小時時長的會議,為了更好地規劃會議時間和流程,他決定使用時間軸呈現。透過時間軸,專案經理可以清楚地看到整個會議的時間範圍和相關活動,這有助於他有效地分配和管理會議中的不同任務和議程。
◆ 英文版
gantt
dateFormat HH:mm
axisFormat %H:%M
title Schedule for a One-Hour Meeting
section Meeting Preparation
Prepare materials and agenda: 00:00, 00:15
section Meeting Session
Opening introduction: 00:15, 00:20
Discussion topic 1: 00:20, 00:35
Discussion topic 2: 00:35, 00:50
Summary and action items: 00:50, 00:55
Meeting conclusion: 00:55, 01:00
03 實際操作|③ 事件_分鐘|英文版
◆ 中文版
gantt
dateFormat HH:mm
axisFormat %H:%M
title 一小時會議的行程安排
section 會議準備
準備資料和議程: 00:00, 00:15
section 會議進行
開場介紹: 00:15, 00:20
議題討論 1: 00:20, 00:35
議題討論 2: 00:35, 00:50
總結及行動: 00:50, 00:55
結束會議: 00:55, 01:00
03 實際操作|③ 事件_分鐘|中文版

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

☸ 窩DEMAA

FBIGTiktokMatterPopdaily
© 窩DEMAA|數位生產力
為什麼會看到廣告
202會員
99內容數
在多工處理已是日常的世代,具備提升效率的能力變得非常重要。我們相信只要瞭解如何使用數位工具,就能夠優化工作型態及學習模式,讓生活逐步精緻化。基於此信念,窩 World 包含的 Notion 的 Small Talk 以及數位生產力,將重點說明 Notion 的使用及數位工具的分享,讓大家能視個人需求建立專屬的知識地圖。
留言0
查看全部
發表第一個留言支持創作者!
窩 World 的其他內容
Notion 是一個強大且多功能的協作工具,不僅可以用於筆記和任務管理,還能幫助你視覺化資料。本章將教你如何在 Notion 上使用 Mermaid 語法繪製圓餅圖,以呈現美觀又易於理解的視覺化內容。不管是要展示預算分配、時間規劃還是進行任務分配,Notion 的圓餅圖功能都能滿足你的需求。
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 未包含的三款小工具,為大家帶來更多選擇。走吧!!!
Notion 是一個強大且多功能的協作工具,不僅可以用於筆記和任務管理,還能幫助你視覺化資料。本章將教你如何在 Notion 上使用 Mermaid 語法繪製圓餅圖,以呈現美觀又易於理解的視覺化內容。不管是要展示預算分配、時間規劃還是進行任務分配,Notion 的圓餅圖功能都能滿足你的需求。
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 未包含的三款小工具,為大家帶來更多選擇。走吧!!!
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
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
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
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平台上開放測試鑄造,快來領取屬於你的英雄!
「自慰高潮重點小訣竅」: 自慰時下身到整個腿部一定要先完全放鬆,因為夾緊會容易及助於高潮! 很多女生第一次自慰也是靠腿夾著或是配合磨蹭就是這個原因,大部分夾腿時又是維持側躺彎曲⋯