iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

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

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

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

【Day 11】 簡單的 “Picasso” 甘特圖

前言 終於來到我以前不太喜歡的東西、甘特圖(Gannt Chart) 這不得不提到我先前上班的地方,人很多的公司,人一多起來,管理起來麻煩、合作的效率也不是...

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

【Day 12】對傳產人員友善的 `picasso.js` 甘特圖說明

前言 昨天我挑戰使用「非 Office」來繪製甘特圖,來看看是否一樣令人反感? 先前我都用 Observable 或是 D3 來畫圖,怎麼突然用了 picas...

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

【Day 13】簡單的散佈圖

前言 散佈圖用來表示兩個變數之間的關係,又稱為相關圖。圖形可以分為完全正相關、正相關、無相關、完全負相關、負相關 開始畫圖 使用 observable 內建...

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

【Day 14】簡單的面積圖

前言 面積圖是強調數量隨時間變化的圖,相較於折線圖,面積圖用在總數更可以引起注意。 準備資料 經濟部統計處 下載一年內的餐飲業營業額 整理資料,轉成 u...

2022-09-19 ‧ 由 rita0124 分享
DAY 15

【Day 15】堆疊面積圖

前言 今天畫堆疊形式的面積圖,可以看出每一個分類占總數的面積比例。 收集資料 到經濟部統計處下載過去一年的能源供給及消費量的資料 整理資料,換成 utf8...

2022-09-20 ‧ 由 rita0124 分享
DAY 16

【Day 16】簡單的箱形圖

前言 箱形圖又稱為盒鬚圖,可以看出資料的集中值和離群值,適合用在要比較資料的範圍和分布。 參考資料 https://zh.m.wikipedia.org/zh...

2022-09-21 ‧ 由 rita0124 分享
DAY 17

【Day 17】簡單的線性迴歸

前言 線性回歸能觀察出兩個變數之間的因果關係,x 軸是預測的變量,y 軸是結果變量。利用線性方程式 y = a + b x 求得 a, b 值其中 a 表示...

2022-09-22 ‧ 由 rita0124 分享
DAY 18

【Day 18】 簡單的直方圖

前言 今天要畫的是直方圖,這跟Day 1介紹長條圖看起很像,但是有什麼差別呢?讓我們繼續看下去 直方圖( Histogram ) 統計學上常用的分析方法,表...

2022-09-23 ‧ 由 rita0124 分享
DAY 19

【Day 19】堆疊的直條圖

前言 身為保安宮虔誠的信徒,今天依舊來畫保安宮的子民人數,參考【Day 3】分群的直條圖,要把這張圖做個修改,改畫成堆疊的長條圖。 比較 分群長條圖 和 堆疊...

2022-09-24 ‧ 由 rita0124 分享
DAY 20

【Day 20】把 SVG 報表圖加入簡報

前言 前面畫許多報表圖,但是要怎麼把這些圖報告給老闆聽,最直接的方式就是放到簡報中,要麼放呢?首先先認識一下圖檔格式 PNG 非破壞性壓縮點陣圖 不能無限的...

2022-09-25 ‧ 由 rita0124 分享