iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

適用於傳產從業人員的實用報表製圖術 系列

將報表數字運用程式語言
做出可互動性的圖
利用 30 天的時間來學習如何畫圖
期待能做出漂亮的圖

鐵人鍊成 | 共 30 篇文章 | 12 人訂閱 訂閱系列文 RSS系列文 團隊㊣乂溪湖煞氣a汴頭保安宮乂㊣
DAY 1

【Day 1】 簡單的直條圖

前言 大家好,我是任職於工業區、傳產的化工工程師,沒有念過資訊相關的科系,只有上網查查資料和問問周遭的朋友,碰過一點點前端,今年預計使用簡單的方式學習畫畫長條圖...

2022-09-06 ‧ 由 rita0124 分享
DAY 2

【Day 2】 簡單的 “D3” 直條圖

回顧 昨天有兩個地方藏著魔鬼 人數貼錯了 首先是我在 剪下、貼上、存成 csv 的步驟中,沒有檢查好複製的資料,以致於光平里多了許多幽靈人口 (從1428...

2022-09-07 ‧ 由 rita0124 分享
DAY 3

【Day 3】 分群的 “D3” 直條圖

通靈 昨天,我把溪湖地區人口,依照戶籍登記地址繪製了直條圖。 但要把保安宮信仰推廣出去,是有不同訣竅的。 我們都知道,男男女女來到廟裡,祈求的事情大有不同;男...

2022-09-08 ‧ 由 rita0124 分享
DAY 4

【Day 4】 簡單的折線圖

前言 今天我們來畫簡單的折線圖,身為一位生產人員,想知道每個月外銷的商品數量,了解產品在市場中的受歡迎程度。 取得資料 先到經濟部統計處下載 ODS 檔案...

2022-09-09 ‧ 由 rita0124 分享
DAY 5

【Day 5】 多系列的折線圖

前言 今天的主題延續昨天的資料,但是畫出總計無法知道每個產品的外銷數量比,所以本日重頭戲就是要將資料做分類。 取得資料 到經濟統計數據分析系統下載資料...

2022-09-10 ‧ 由 rita0124 分享
DAY 6

【Day 6】 簡單的"D3"折線圖

前言 今天要把折線圖改用 d3 來畫圖 參考D3 Gallery line-charthttps://observablehq.com/@d3/line-ch...

2022-09-11 ‧ 由 rita0124 分享
DAY 7

【Day 7】 資料內容與瑣碎的處理流程

tags: 傳產製圖 Observable 報表 「前」面幾篇的「坑」- 資料格式不支援製圖 function 我把前幾天的文章丟給朋友讓他們照著時做了一遍,...

2022-09-12 ‧ 由 rita0124 分享
DAY 8

【Day 8】 多系列的"D3"折線圖

前言 Day 6 畫單條線的折線圖,今天的作法如法炮製,引用別人的程式碼,修改參數畫圖。 開始畫圖 參考 d3 gallery multi-line cha...

2022-09-13 ‧ 由 rita0124 分享
DAY 9

【Day 9】 簡單的 “D3” 圓餅圖

概述 圓餅圖的作用,就是用一張圖快速地看出「佔比」,分析組成的內容是什麼。 圓餅圖內所有比例的加總是 100% 困擾已久的問題 以「陸客蛋塔效應轉型」圓...

2022-09-14 ‧ 由 rita0124 分享
DAY 10

【Day 10】 依然是簡單的 “D3” 圓餅圖

前言 2021 年春季台灣發生缺水危機,西半部實施強制節水措施,主要原因是前一年梅雨量減少,再加上沒有颱風,水庫的蓄水量不足,但是又不能只仰賴水庫,需要在水資源...

2022-09-15 ‧ 由 rita0124 分享