操作教學|教你如何在 Notion 繪製五種顏色主題的視覺圖表

閱讀時間約 7 分鐘
© 窩DEMAA

© 窩DEMAA

資訊豐富的世代,如何運用視覺圖表呈現數據很重要

Notion 作為一款強大的協作工具,不僅能幫助我們整理資訊,還能創建各種視覺圖表,讓資料更生動有趣。之前我們已經分享了如何在 Notion 上使用 Mermaid 語法創建圓餅圖時間軸甘特圖心智圖流程圖旅程圖。而在今天的文章中,我將帶你瞭解如何讓這些視覺圖表更豐富多彩,讓你的資料不再是單調的黑白兩色。顏色主題共五種,讓我們繼續看下去!

01 類型一|預設主題

以甘特圖為例,使用 Mermaid 語法時,你可以在第一行輸入 %%{init: {'theme':'default'}}%% 來定義視覺圖表為預設主題。
%%{init: {'theme':'default'}}%%
01 類型一|預設主題

01 類型一|預設主題

◆ 完整語法|類型一

%%{init: {'theme':'default'}}%%

gantt
title 三個月專案甘特圖
dateFormat YYYY-MM-DD
section 第一階段
了解需求 :done, des1, 2022-01-01,2022-01-07
設計系統 :done, des2, 2022-01-08,2022-01-14
討論功能 :active, des3, 2022-01-15, 2022-01-21
section 第二階段
開發 :active, des4, 2022-01-22, 2022-02-28
section 第三階段
測試 :active, des5, 2022-03-01, 2022-03-15
修復漏洞 :active, des6, 2022-03-16, 2022-03-22
上線 :active, des7, 2022-03-23, 2022-03-31

02 類型二|黑白主題

以圓餅圖為例,使用 Mermaid 語法時,你可以在第一行輸入 %%{init: {'theme':'neutral'}}%% 來定義視覺圖表為黑白主題。
%%{init: {'theme':'neutral'}}%%
02 類型二|黑白主題

02 類型二|黑白主題

◆ 完整語法|類型二

%%{init: {'theme':'neutral'}}%%

pie
title 成功人士每日時間規劃比率
"工作": 50
"學習和成長": 20
"休閒和娛樂": 10
"運動和健康": 10
"社交和人際關係": 5
"家庭和關懷": 5

03 類型三|森林主題

以流程圖為例,使用 Mermaid 語法時,你可以在第一行輸入 %%{init: {'theme':'forest'}}%% 來定義視覺圖表為森林主題。
%%{init: {'theme':'forest'}}%%
03 類型三|森林主題

03 類型三|森林主題

◆ 完整語法|類型三

%%{init: {'theme':'forest'}}%%

graph LR
A((圓形)) --> B[矩形]
C([圓矩形]) -- 1關聯有文字 --- D[[多邊形]]
E[(圓柱體)] ---|2關聯有文字| D[[多邊形]]
D[[多邊形]] --- F>形狀不對稱]
B[矩形] -->|1箭頭有文字| F>形狀不對稱]
G{菱形} -- 2箭頭有文字 --> F>形狀不對稱]
G{菱形} -.-> N(圓角矩形)
E[(圓柱體)] -. 虛線有文字 .-> H{{六邊形}}
I[/平行四邊形/] ==> E[(圓柱體)]
J[\反平行四邊形\] == 粗箭頭有文字 ==> C([圓矩形])
K[/梯形\] <--> C([圓矩形])
L[\反梯形/] --o E[(圓柱體)]
M(((雙圈))) --x H{{六邊形}}

04 類型四|基本主題

以心智圖為例,使用 Mermaid 語法時,你可以在第一行輸入 %%{init: {'theme':'base'}}%% 來定義視覺圖表為基本主題。
%%{init: {'theme':'base'}}%%
04 類型四|基本主題

04 類型四|基本主題

◆ 完整語法|類型四

%%{init: {'theme':'base'}}%%

mindmap
root((社群媒體))
社交網路
Facebook
Twitter
Instagram
LinkedIn
社群媒體行銷
行銷策略
目標市場定位
宣傳訴求與策略
營銷渠道
搜尋引擎行銷
社交媒體廣告
影片行銷
行銷效果評估
點擊率
轉換率
銷售成效
社群媒體管理
社群經理
工作職責
技能要求
薪資待遇
社群管理工具
Hootsuite
Buffer
Sprout Social
社群媒體資訊分析
資訊收集
監測工具
關鍵字搜尋
資訊分析
數據分析工具
洞察報告撰寫
社群媒體趨勢
熱門話題
時事新聞
娛樂八卦
運動賽事
行業趨勢
技術創新
消費者行為
市場競爭

05 類型五|深色主題

以旅程圖為例,使用 Mermaid 語法時,你可以在第一行輸入 %%{init: {'theme':'dark'}}%% 來定義視覺圖表為深色主題。
%%{init: {'theme':'dark'}}%%
05 類型五|深色主題

05 類型五|深色主題

◆ 完整語法|類型五

%%{init: {'theme':'dark'}}%%

journey
title 心情日記
section Week 1
Thu: 4
Fri: 6
section Week 2
Mon: 6
Tue: 4
Wed: 3

今天的分享就到這邊啦,期待下一篇的分享,祝福大家都有個美好的一天!喜歡窩DEMAA(OS: 就是取自”我的媽啊“的諧音)的朋友,歡迎按讚追蹤分享,也歡迎加入 數位生產力 IG 和 FB 社團,就能在第一時間收到最新的生產力工具介紹。最後,也別忘記可以通過上述操作步驟,使用 Mermaid 語法來調整圓餅圖、時間軸、甘特圖、心智圖、流程圖和旅程圖的視覺圖表,讓 Notion 頁面更加的美麗。快 點此 看本篇實際操作的 code,我們下次見!

☸ 窩DEMAA

FBIGTiktokMatterPopdaily

© 窩DEMAA|數位生產力

© 窩DEMAA|數位生產力

163會員
99內容數
在多工處理已是日常的世代,具備提升效率的能力變得非常重要。我們相信只要瞭解如何使用數位工具,就能夠優化工作型態及學習模式,讓生活逐步精緻化。基於此信念,窩 World 包含的 Notion 的 Small Talk 以及數位生產力,將重點說明 Notion 的使用及數位工具的分享,讓大家能視個人需求建立專屬的知識地圖。
留言0
查看全部
發表第一個留言支持創作者!
窩 World 的其他內容
在數位時代,表單製作對於工作來說至關重要。Google 表單、TypeForm 和 SurveyCake 都是廣泛使用的工具。然而,如果你需要簡單、高自由度且能與 Notion 整合的表單,那就該看看 Tally 。這是一款兼具美觀與實用的工具,提供多種類型模板,方便你即時產出表單,讓我們一起探索!
Notion 是一個功能強大且多功能的協作工具。透過在 Notion 上使用 Mermaid 語法繪製旅程圖,我們能夠以直觀且視覺化的方式呈現使用者的旅程和體驗。旅程圖是一種圖形表示方式,它能夠幫助我們更有效地瞭解使用者在整個旅程中的體驗和感受,從而有助於我們優化未來的任務和計劃。
在設計中加入插圖是一種有效且有趣的方式,能夠為你的頁面增添活力和吸引力。如果你喜歡 Notion 的簡約風格,那麼我們有好消息!本文將向你介紹三個免費下載插圖的資源,讓你獲得多種符合 Notion 風格的插圖。現在就跟著我們一起來看看這些資源吧!
Notion 是一個功能強大且多功能的協作工具。透過在 Notion 使用 Mermaid 語法繪製流程圖,可以有效地以視覺化的方式呈現流程和流程間的關係。此外,流程圖是一種圖形表示方式,用於展示任務、流程或系統中的步驟和相互關係,有助於優化複雜的流程,從而幫助我們檢視和改進流程效率。
Notion 是一個功能強大且多功能的協作工具。你可以透過在 Notion 上使用 Mermaid 語法繪製心智圖,有效地進行腦力激盪,組織知識、探索關聯,促進創意思維,並規劃任務。此外,你還可以使用心智圖來綜覽和瞭解細節,讓你更清晰地理解和思考相關的連結。現在,快來掌握繪製心智圖的技巧吧!
Notion 是一個功能強大且多功能的協作工具,透過在 Notion 使用 Mermaid 語法繪製甘特圖,可以有效地視覺化學習進度和目標完成情況,從而提升工作效率和學習成果的管理。現在,我們將開始學習在 Notion 上繪製甘特圖,以組織學習進度並促進團隊之間的協作。立即踏上這個專業的學習旅程吧!
在數位時代,表單製作對於工作來說至關重要。Google 表單、TypeForm 和 SurveyCake 都是廣泛使用的工具。然而,如果你需要簡單、高自由度且能與 Notion 整合的表單,那就該看看 Tally 。這是一款兼具美觀與實用的工具,提供多種類型模板,方便你即時產出表單,讓我們一起探索!
Notion 是一個功能強大且多功能的協作工具。透過在 Notion 上使用 Mermaid 語法繪製旅程圖,我們能夠以直觀且視覺化的方式呈現使用者的旅程和體驗。旅程圖是一種圖形表示方式,它能夠幫助我們更有效地瞭解使用者在整個旅程中的體驗和感受,從而有助於我們優化未來的任務和計劃。
在設計中加入插圖是一種有效且有趣的方式,能夠為你的頁面增添活力和吸引力。如果你喜歡 Notion 的簡約風格,那麼我們有好消息!本文將向你介紹三個免費下載插圖的資源,讓你獲得多種符合 Notion 風格的插圖。現在就跟著我們一起來看看這些資源吧!
Notion 是一個功能強大且多功能的協作工具。透過在 Notion 使用 Mermaid 語法繪製流程圖,可以有效地以視覺化的方式呈現流程和流程間的關係。此外,流程圖是一種圖形表示方式,用於展示任務、流程或系統中的步驟和相互關係,有助於優化複雜的流程,從而幫助我們檢視和改進流程效率。
Notion 是一個功能強大且多功能的協作工具。你可以透過在 Notion 上使用 Mermaid 語法繪製心智圖,有效地進行腦力激盪,組織知識、探索關聯,促進創意思維,並規劃任務。此外,你還可以使用心智圖來綜覽和瞭解細節,讓你更清晰地理解和思考相關的連結。現在,快來掌握繪製心智圖的技巧吧!
Notion 是一個功能強大且多功能的協作工具,透過在 Notion 使用 Mermaid 語法繪製甘特圖,可以有效地視覺化學習進度和目標完成情況,從而提升工作效率和學習成果的管理。現在,我們將開始學習在 Notion 上繪製甘特圖,以組織學習進度並促進團隊之間的協作。立即踏上這個專業的學習旅程吧!
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
本文帶領大家學習如何調整 Stable Diffusion WebUI 上各種參數。我們以 txt2img 為例,帶大家認識基本設定、Sampling method 或 CFG scale 等各種參數調教,以及參數間彼此的影響,讓大家能夠初步上手,熟悉 AI 算圖!
Thumbnail
4/6因為美股前一日有跌幅,因此4/6台股當天跳空下殺,因此留下一個巨大的空方缺口。在技術分析裡面,跳空代表強烈的市場情緒的爆發,跳空大漲或大跌都必須要尊重趨勢,跳空容易出現連續趨勢,如同日本股市在短期間之內連續跳空大跌與大漲。因此遇到跳空大跌或大漲,如果不是順勢操作,而是逆勢操作
Thumbnail
Sui Heroes 第一次的 Testmint 終於來啦~ 2/10起,在BeLaunch平台上開放測試鑄造,快來領取屬於你的英雄!
「自慰高潮重點小訣竅」: 自慰時下身到整個腿部一定要先完全放鬆,因為夾緊會容易及助於高潮! 很多女生第一次自慰也是靠腿夾著或是配合磨蹭就是這個原因,大部分夾腿時又是維持側躺彎曲⋯
Thumbnail
遠距教學利器 Zoomit,讓你的線上教學如有神助!三大功能:放大/縮小、塗鴉劃記、倒數計時,一次學會!附贈全息圖和教學圖卡,打通軟體操作上的所有盲點!
Thumbnail
W.手工紋繡藝術學院   #紋繡半永久教學 #霧眉專班 沒有基礎--我們從0基礎教起 沒有經驗--我們一對一保證傳授經驗 一個人最好的狀態 就是知道自己想要什麼 並全力以赴 就像日出一樣 越來越耀眼 -------------------------- #紋繡眉眼唇全科班教學 #紋繡半永久創業班
Thumbnail
在 Google Meet 301 裡面連老師示範怎麼上線上課,以及使用了哪些工具或技巧。
Thumbnail
連老師幫各位老師錄了 4 支 Google Meet 操作教學影片,接下來會寫一系列的步驟圖文,老師們可以邊看邊操作喔!
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
本文帶領大家學習如何調整 Stable Diffusion WebUI 上各種參數。我們以 txt2img 為例,帶大家認識基本設定、Sampling method 或 CFG scale 等各種參數調教,以及參數間彼此的影響,讓大家能夠初步上手,熟悉 AI 算圖!
Thumbnail
4/6因為美股前一日有跌幅,因此4/6台股當天跳空下殺,因此留下一個巨大的空方缺口。在技術分析裡面,跳空代表強烈的市場情緒的爆發,跳空大漲或大跌都必須要尊重趨勢,跳空容易出現連續趨勢,如同日本股市在短期間之內連續跳空大跌與大漲。因此遇到跳空大跌或大漲,如果不是順勢操作,而是逆勢操作
Thumbnail
Sui Heroes 第一次的 Testmint 終於來啦~ 2/10起,在BeLaunch平台上開放測試鑄造,快來領取屬於你的英雄!
「自慰高潮重點小訣竅」: 自慰時下身到整個腿部一定要先完全放鬆,因為夾緊會容易及助於高潮! 很多女生第一次自慰也是靠腿夾著或是配合磨蹭就是這個原因,大部分夾腿時又是維持側躺彎曲⋯
Thumbnail
遠距教學利器 Zoomit,讓你的線上教學如有神助!三大功能:放大/縮小、塗鴉劃記、倒數計時,一次學會!附贈全息圖和教學圖卡,打通軟體操作上的所有盲點!
Thumbnail
W.手工紋繡藝術學院   #紋繡半永久教學 #霧眉專班 沒有基礎--我們從0基礎教起 沒有經驗--我們一對一保證傳授經驗 一個人最好的狀態 就是知道自己想要什麼 並全力以赴 就像日出一樣 越來越耀眼 -------------------------- #紋繡眉眼唇全科班教學 #紋繡半永久創業班
Thumbnail
在 Google Meet 301 裡面連老師示範怎麼上線上課,以及使用了哪些工具或技巧。
Thumbnail
連老師幫各位老師錄了 4 支 Google Meet 操作教學影片,接下來會寫一系列的步驟圖文,老師們可以邊看邊操作喔!