在聊天時發現有些設計師為了讓圖表擬真，花費了大量時間針對細節調整。

此時我才意識到，原來 AI 生成圖表的功能對 UI 設計師來說有很大的幫助！

以 ChatGPT-4o 來說，他能根據不同時間級距（年/月/周 📅）、圖表（圓餅圖/長條圖 📊）、數據（遞增/M型 📈）、顏色（同色系/互補色 🎨）等條件來客製化生成。

這邊文章會教大家如何靠「動嘴」來生成各式圖表；畢竟對筆者這種外行人來說，看到成品比較能判斷設計好壞。

下面的範例以 ChatGPT 4o 來做 Demo，大家可以用自己熟悉的 AI 工具，使用原理都差不多。

基礎運用：驅動程式來生成指定的 Chart 📊

下面用一個複雜邏輯的 Stack Bar Chart 來做示範。

🤖 Prompt：

請根據以下需求用 Python 撰寫程式後，最後用圖表呈現
- 時間長度: 1 個月
- 時間粒度: 1 小時
- 圖表類型: Stack Bar Chart
- 資料: Top10 的銷售產品
- 特殊要求: Top10 的顏色要不一樣，請使用亮色系呈現，並且每個 Bar 之間不要有間隔

透過上面的 Prompt 就能驅動 ChatGPT 寫程式。

寫完程式後便會生成圖表，一開始你會發現圖表是空白的，別緊張，點擊上方的「Switch to Static Chart」便可看到圖表。

當然這個圖表也是可以放大與下載的。

進階運用 1：生成指定情境的 Chart、要求圖表細節 🔧

圖表生成後，你肯定會對一些細節不滿意，或是想以這張圖為基礎生成指定情境，下面就來做個示範。

🤖 Prompt：

請根據以下需求調整圖表細節
- X 軸: 列出月份與日期，時間間隔為 3 天，月份為 6 月，用斜 45% 顯示
- Y 軸: 顯示銷售數量，最大值為 2000，數量間隔為 200
- 數據波動: 希望數值成曲線向上的趨勢，第一天所有產品加總接近 0，最後一天所有產品加總接近 2000
- 產品名稱: 請用常見的電子產品來示意（ex: iphone、notebook）

過去 UI 設計師會需要花許多時間產生的示意圖，現在透過明確的 Prompt 就能直接產生！

如果想呈現一週的數據，直接跟他說就好：「請呈現 7 天的資料」

進階運用 2：產生極端情境的 Chart 📉

在規劃之初，我們就需要考量在極端情境下 Chart 會如何顯示。

有些設計其實大腦在想像時就已經被否決了，但如果你不做出來，有些人不認為這樣的設計是錯的。

這些讓人心累的設計，就交給 AI 來生成吧！

🤖 Prompt：

請根據以下需求用 Python 撰寫程式後，最後用圖表呈現
- 圖表類型: Pie Chart
- 資料: Top10 的銷售產品，請用常見的電子產品來示意（ex: iphone、notebook）
- 顏色要求: Top10 的顏色要不一樣，請使用同色系呈現
- 數值要求: Top1 佔比為 50%、Top2 佔比為 38%，請用程式計算出剩下 Top3~10 的百分比
- 名稱顯示: Pie Chart 的每個產品會有一條線往外拉顯示對應的產品名稱，切記產品名稱不要重疊

總結 & 使用心得

過去各式圖表、指定情境、極端畫面的設計會讓人覺得心累 😩

但現在有了 AI 輔助，可以讓 UI 設計師產生示意圖的效率增加不少 🚀

對 PM 來說，這個功能也能幫助他們生成自己心中的畫面，讓溝通更有效率 🗣️

當然，你心中期待的圖表通常無法一次就產生出來，會需要透過後續的對話來不斷優化。

但別忘記這只是生成示意圖的工具，不是最終的畫面，千萬不要鑽牛角尖。

想將 AI 導入自己的職場與生活嗎？歡迎購買筆者出版的新書，幫助您在 AI 的浪潮中站穩腳步，並在未來的職場競爭中佔據優勢！

STEP 1：取得分析數據 — 以消費者物價指數為例

筆者到經濟部統計處的網頁，下載民國 91~112 年的「消費者物價指數」。

我們打開 Excel 看一下目前的資料格式：

其實這份 Excel 的結構已經不錯了，但左側的「年 月 別」有分割成「年、月」兩個欄位，所以可以預見 ChatGPT 在分析這部分的資料時可能會遇到問題。

STEP 2：請 ChatGPT 幫我們清洗資料

在資料不乾淨的狀態下，ChatGPT 也可以生成圖表，但往往非常耗時，且失敗率極高；因此建議先請 ChatGPT 依照我們的需求調整目前的 Excel，我的 Prompt ：

請依照下面步驟處理，並在完成後給我調整過的 Excel

1. 先找到「年 月 別」，並將這一列當成第一列
2. 「年 月 別」這個欄位下方被分割成兩欄，他們紀錄的是日期，左邊為年右邊為月，需要將年與月合併 
3. 完成上面的合併後，如果該行只有「年」，就將這行刪除

最後獲得清洗後的 Excel。

筆者強烈建議先將 Excel 下載下來，然後開新的 Chat 來處理資料，這樣後續的成功率較高。

STEP 3：將數據轉換為圖表

確認格式與我們的期待相符後，就可以請他產生圖表了。

請閱讀 Excel 的數據，並依照下面步驟整理資料

1.「YearMonth」的列是用民國年，請轉換為西元年
2. 轉換成西元年後，將每個月份的資料繪製成折線圖

請繪製「總指數、食物類、衣著類、居住類」的折線圖

折線圖的顏色相同不好閱讀，所以讓他分色系。

STEP 4：讓圖表動起來！

經過一番努力，總於走到了這一步 😭

請幫我生成折線圖的 GIF，Y 軸的數值請參考剛剛生成的圖，新的數據會從右側增加，以年為單位，先繪製前 10 年的圖，使用不需網路的方式來完成

確認過結果符合需求後，我請他繪製完整的年度、加快 GIF 速度，並使用我提供的字體重新繪製。

Advanced data analysis 使用心得

在沒有相關指引的狀態下，我覺得 Advanced data analysis 使用起來挺痛苦的；除非你的資料超級簡單，否則通常會遇到一堆錯誤，下面是我建議的使用方式：

1. 清洗資料：除非資料格式超漂亮，不然一定要先清洗資料並下載，以確認調整後的資料符合期待。
2. 提供乾淨的資料：如果你提供的格式混亂，那 ChatGPT 理解會花很多時間，建議取得清洗的資料後，開一個新對話讓 ChatGPT 重新思考。
3. 理解錯誤原因：除非你運氣爆棚，否則操作過程一定會遇到大量錯誤；建議你先閱讀錯誤原因，並引導 ChatGPT 執行的方向，一直按「繼續」可能是沒幫助的。
4. 明確提出需求：一開始產生的結果通常不會讓人滿意，像是資料錯誤、顏色相似、無法顯示中文…你需要明確提出自己的需求。
5. 不要想一次到位：一次解決一個問題，並確認結果是否符合需求。

儘管 Advanced data analysis 能做出會動的圖表，但他的內存有限，如果想取得更好的結果，建議把程式複製到 Local （自己電腦）環境執行。

希望這篇文章有拓寬大家對 Advanced data analysis 的使用思路！

想將 AI 導入自己的職場與生活嗎？歡迎購買筆者出版的新書，幫助您在 AI 的浪潮中站穩腳步，並在未來的職場競爭中佔據優勢！

透過 ChatGPT PLUS 的 Advanced data analysis 功能，只要上傳 Excel，即可輕鬆產生圖表。但轉成中文圖表可能會遇到亂碼問題，不過別擔心，只要按照文章步驟就能解決您的困擾！

目前這個功能只有在 ChatGPT 付費版有提供喔！

STEP 1：選擇 GPT-4 的 Advanced data analysis 模式

從左下角的設定打開程式解釋器的功能：Settings → Beta features → Advanced data analysis

用「New chat」新增一個對話窗，選擇「GPT-4」下方的「Advanced data analysis」。

STEP 2：上傳 Excel 檔讓 ChatGPT 生成圖表

這邊我從中華民國統計資訊網，取得國民所得及經濟成長的統計表 Excel。

這份 Excel 打開後有兩個 Tab，我們先把「說明」的分頁刪除，否則 ChatGPT 會讀不到資料。

其實這份 Excel 資料格式並不美觀，就讓我們來挑戰 ChatGPT 的實力吧！

這邊將剛剛下載好的 Excel 上傳到 ChatGPT，並詢問：「請幫我分析這份 Excel 適合產生哪種圖表？」

看來 ChatGPT 有成功取得 Excel 裡面的資訊，就讓他產生「時間序列圖(Time Series)」來看看吧！

ChatGPT 有時他沒有辦法在一次對話中完成，此時輸入「繼續嘗試」讓他繼續執行。

最後完成的圖表如下：

STEP 3：上傳字體檔案讓 ChatGPT 生成中文圖表

上個步驟產生的是英文圖表，如果我們要求他轉為中文圖表會產生亂碼的問題。

此時我們可以上傳字體檔，讓 ChatGPT 重新產生中文圖表，字體下載位置。

透過上面 3 步驟，你也可以成為數據分析師；有了圖表佐證，你的簡報將更具說服力！

想將 AI 導入自己的職場與生活嗎？歡迎購買筆者出版的新書，幫助您在 AI 的浪潮中站穩腳步，並在未來的職場競爭中佔據優勢！