操作教學|教你如何在 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|數位生產力
為什麼會看到廣告
avatar-img
251會員
102內容數
在多工處理已是日常的世代,具備提升效率的能力變得非常重要。我們相信只要瞭解如何使用數位工具,就能夠優化工作型態及學習模式,讓生活逐步精緻化。基於此信念,窩 World 包含的 Notion 的 Small Talk 以及數位生產力,將重點說明 Notion 的使用及數位工具的分享,讓大家能視個人需求建立專屬的知識地圖。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
窩 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
Notion 是一款集合筆記、任務管理、知識庫和數據庫於一身的多功能工具。它提供靈活的頁面結構和多種模板,讓用戶根據需求自定義工作空間。不論是個人還是團隊,都能用 Notion 提高工作效率和管理信息。
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
這篇文章介紹瞭如何在 Notion 中打造個人財務、記帳及預算管理模板,並提供了相關資源的下載。文章內容包含了不同的流程、方法及工具,例如使用 Whimsical 創建財務流程圖,以及如何在手機中新增快速記帳按鈕。最後,免費的 Notion Template 下載
Thumbnail
近日有些夥伴在詢問我要如何使用 Notion 的多工畫面以及分享頁面的相關設置等等,因此今天就來導覽一下 Notion 介面以及我認為有哪些必做的設定調整,當然免不了還有滿滿的快捷鍵教學,請大家一定要看到最後,才不會錯過!
Thumbnail
Notion 是個可以高度客製化的筆記、專案管理軟體,設計時,只要掌握幾個訣竅,就能助你事半功倍。歷經 8+ 個月專職製作 Notion 模板,加上長年使用 Notion 來輔助工作的經驗,/我發現幾個設計模板主頁(Dashboard)時,能夠有效提升效率的小技巧。
Thumbnail
Notion Calendar 的基本資訊,以及一些常用功能。
Thumbnail
Notion目前還沒有中文版,加上自由度高,一開始真的不知道要怎麼使用,也很難感受到他到底好用在哪?所以我整理了輕鬆開始的簡單的三步驟,照著這個順序開始,就能少走歪路,順利將Notion應用在工作生活上,變成你的得力助手!
Thumbnail
新年新開始,不知道大家都用什麼方式來整理每天的代辦事項呢? 手帳本?手機備忘錄?日程管理APP? 或是和我一樣使用Notion來進行計畫呢 (๑•̀ㅂ•́)و✧ 這篇想分享我愛用的Notion月/日計畫模板,在經過2-3年的磨合之後,慢慢調整到了順手又喜歡的模樣,將會介紹三種模板,可以從旁
Thumbnail
Notion以其強大功能廣受用戶歡迎,不僅提供豐富功能,還具備高度定制性,成為項目管理的理想選擇。 然而,其內建的進度條呈現似乎還滿單調的...所以這篇文章將介紹如何使用 Emoji 來豐富進度條設計,並提供多達22種的有趣組合! 讓你的任務進度管理以直觀形式展示,不僅增強視覺效果,更能增加成就感~
Thumbnail
Notion 是一款集合筆記、任務管理、知識庫和數據庫於一身的多功能工具。它提供靈活的頁面結構和多種模板,讓用戶根據需求自定義工作空間。不論是個人還是團隊,都能用 Notion 提高工作效率和管理信息。
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
這篇文章介紹瞭如何在 Notion 中打造個人財務、記帳及預算管理模板,並提供了相關資源的下載。文章內容包含了不同的流程、方法及工具,例如使用 Whimsical 創建財務流程圖,以及如何在手機中新增快速記帳按鈕。最後,免費的 Notion Template 下載
Thumbnail
近日有些夥伴在詢問我要如何使用 Notion 的多工畫面以及分享頁面的相關設置等等,因此今天就來導覽一下 Notion 介面以及我認為有哪些必做的設定調整,當然免不了還有滿滿的快捷鍵教學,請大家一定要看到最後,才不會錯過!
Thumbnail
Notion 是個可以高度客製化的筆記、專案管理軟體,設計時,只要掌握幾個訣竅,就能助你事半功倍。歷經 8+ 個月專職製作 Notion 模板,加上長年使用 Notion 來輔助工作的經驗,/我發現幾個設計模板主頁(Dashboard)時,能夠有效提升效率的小技巧。
Thumbnail
Notion Calendar 的基本資訊,以及一些常用功能。
Thumbnail
Notion目前還沒有中文版,加上自由度高,一開始真的不知道要怎麼使用,也很難感受到他到底好用在哪?所以我整理了輕鬆開始的簡單的三步驟,照著這個順序開始,就能少走歪路,順利將Notion應用在工作生活上,變成你的得力助手!
Thumbnail
新年新開始,不知道大家都用什麼方式來整理每天的代辦事項呢? 手帳本?手機備忘錄?日程管理APP? 或是和我一樣使用Notion來進行計畫呢 (๑•̀ㅂ•́)و✧ 這篇想分享我愛用的Notion月/日計畫模板,在經過2-3年的磨合之後,慢慢調整到了順手又喜歡的模樣,將會介紹三種模板,可以從旁
Thumbnail
Notion以其強大功能廣受用戶歡迎,不僅提供豐富功能,還具備高度定制性,成為項目管理的理想選擇。 然而,其內建的進度條呈現似乎還滿單調的...所以這篇文章將介紹如何使用 Emoji 來豐富進度條設計,並提供多達22種的有趣組合! 讓你的任務進度管理以直觀形式展示,不僅增強視覺效果,更能增加成就感~