iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1335 瀏覽

鐵人賽 Modern Web DAY 25

用React刻自己的投資Dashboard 系列第 25 篇

技術用React刻自己的投資Dashboard Day25 - 製作漢堡選單

tags: 2021鐵人賽 React 安裝styled-components套件在專案資料夾內一行安裝就完成了。 npm install --save st...

Sean Liu ‧ 2021-10-10

0 Like 0 留言 1290 瀏覽

鐵人賽 AI & Data DAY 3

為資料選擇適合的視覺化方式系列第 3 篇

技術 [Day 3] 視覺化圖表的類型

前兩天介紹過了什麼是資料視覺化、以及為什麼要做資料視覺化，今天就來切入正題，先來了解一下有哪些視覺化圖表的類型吧。圖表們的分類首先，先來看看這張網路上找到的...

panmike21 ‧ 2019-09-09

0 Like 0 留言 1283 瀏覽

鐵人賽 Modern Web DAY 6

用React刻自己的投資Dashboard 系列第 6 篇

技術用React刻自己的投資Dashboard Day6 - 建立圖表區元件，串接API取得數據

tags: 2021鐵人賽 React 上一篇使用靜態的資料，將多張數據資料表畫成線圖呈現在網頁上，因為這個資料來源是JSON檔，所以是相對難更新的，因此本篇要...

Sean Liu ‧ 2021-09-21

0 Like 0 留言 1267 瀏覽

鐵人賽 AI & Data DAY 21

Hands on Data Cleaning and Scraping 資料清理與爬蟲實作系列第 21 篇

技術 Day21 Airbnb in Berlin 2/5 listings overview 柏林Airbnb 2/5 房源概述

今天從Inside Airbnb下載的資料(listing.csv)，針對德國柏林地區的Airbnb房源初步分析。 The data (listing.csv)...

kyt ‧ 2019-09-22

0 Like 0 留言 1267 瀏覽

鐵人賽 AI & Data DAY 23

Hands on Data Cleaning and Scraping 資料清理與爬蟲實作系列第 23 篇

技術 Day23 Airbnb in Berlin 4/5 listings analysis 柏林Airbnb 4/5 蛋黃區房源分析

昨日(Day22)的文章中，先以低排放區郵遞區號篩選取出房源列表後排序，取房源數量最多的前十名(主要是柏林占地太大，Airbnb上劃分成了133個區，加上交通因...

kyt ‧ 2019-09-24

1 Like 0 留言 1224 瀏覽

技術 [Python]專題P01─臺灣春節國道預估塞車時間準不準?

Hi! 大家好久不見，我是Eric。真的是時隔多日，我們的網站終於又更新啦!這次要練習運用Python中的matplotlib套件來做一個小專題，繼續來看下去...

Eric HSIEH ‧ 2021-08-20

0 Like 0 留言 1187 瀏覽

鐵人賽 Modern Web DAY 27

用React刻自己的投資Dashboard 系列第 27 篇

技術用React刻自己的投資Dashboard Day27 - 台股技術面刻板

tags: 2021鐵人賽 React 一般來說刻板前應該會需要畫個wireframe會比較清楚一些，不過時間有限，就在紙上畫一畫就先開始寫code吧，先達成功...

Sean Liu ‧ 2021-10-12

0 Like 0 留言 1182 瀏覽

鐵人賽 Modern Web DAY 8

用React刻自己的投資Dashboard 系列第 8 篇

技術用React刻自己的投資Dashboard Day8 - useState hook

tags: 2021鐵人賽 React 在Card元件中有使用到useState，是React中一個蠻重要的hook，是一個非常強大的功能，看起來跟用起來都非常...

Sean Liu ‧ 2021-09-23

0 Like 0 留言 1137 瀏覽

鐵人賽 AI & Data DAY 19

為資料選擇適合的視覺化方式系列第 19 篇

技術 [Day 19] 無法分類的其他圖表們1

接下來我們來看看一些，沒辦法分在前面介紹過的四個類別中，但又很適合在特定情境做使用的圖表吧。首先要來介紹的是一些在專案管理中，常用來做視覺化的圖表。甘特圖...

panmike21 ‧ 2019-09-25

0 Like 0 留言 1134 瀏覽

鐵人賽 AI & Data DAY 29

開始你的數據分析之路 - 資料ETL & 視覺化系列第 29 篇

技術 Day29_[tableau desktop]使用顯示&隱藏按鈕快速切換圖表

Hi, Day29 我們之前有練習過怎麼透過參數在一個圖表中根據不同的分析視角去做切換圖表的功能若今天其實要切換的圖表沒那麼多, 也就兩張圖, 例如每個月的利...

eseries116 ‧ 2022-09-30

0 Like 0 留言 1087 瀏覽

鐵人賽 AI & Data DAY 24

為資料選擇適合的視覺化方式系列第 24 篇

技術 [Day 24] 視覺化圖表的 Dos & Don'ts 1

前面我們看過了有哪些可以挑選更適合的圖表方法，做出更棒的圖表之後，今天我們換個角度來看看再進行圖表的設計與選擇時，有哪些錯誤是應該要避免掉的。避免使用立體圖...

panmike21 ‧ 2019-09-30

0 Like 0 留言 1078 瀏覽

鐵人賽 Modern Web DAY 23

用React刻自己的投資Dashboard 系列第 23 篇

技術用React刻自己的投資Dashboard Day23 - 非同步呼叫API，完成首頁資料串接

tags: 2021鐵人賽 React 上一篇確認過API內容之後，剩下的部份就是串接API，並將資料呈現在畫面上了，雖然描述起來是短短兩句，不過還是寫了好多的...

Sean Liu ‧ 2021-10-08

0 Like 0 留言 1055 瀏覽

鐵人賽 AI & Data DAY 18

為資料選擇適合的視覺化方式系列第 18 篇

技術 [Day 18] 資料分布的圖表3 - 地圖

接下來則是資料分佈圖表的最後一篇，就是地理相關的圖表。除了平常常見的氣象相關圖表，例如雨量圖等等，其實還有很多不同的呈現資料分佈的方式，就讓我們來一個一個介紹吧...

panmike21 ‧ 2019-09-24

0 Like 0 留言 1053 瀏覽

鐵人賽 Modern Web DAY 29

用React刻自己的投資Dashboard 系列第 29 篇

技術用React刻自己的投資Dashboard Day29 - 替股票加上名稱

tags: 2021鐵人賽 React 上一篇提到台股技術面的最新收盤資訊只有股票代號，似乎少了名稱，本篇就來把它補上吧。資料來源 Finmind API裡面...

Sean Liu ‧ 2021-10-14

0 Like 0 留言 1022 瀏覽

鐵人賽 Modern Web DAY 9

用React刻自己的投資Dashboard 系列第 9 篇

技術用React刻自己的投資Dashboard Day9 - useEffect hook

tags: 2021鐵人賽 React 既上一篇介紹完useState hook後，本篇就來介紹Day6也有用到的useEffect hook，在React官網...

Sean Liu ‧ 2021-09-24

0 Like 0 留言 1001 瀏覽

技術 C3.js 從0開始的座標軸

想直接看本文重點可以直接跳過前3小節喔! 為什麼會選 C3.js ? 最近在做畢業專題的時候，碰巧遇到需要將大量數據做資料視覺化的狀況，為此作為網頁資料視覺...

Xiang1009 ‧ 2022-07-29

0 Like 0 留言 967 瀏覽

鐵人賽 AI & Data DAY 27

開始你的數據分析之路 - 資料ETL & 視覺化系列第 27 篇

技術 Day27_[tableau desktop]如何美化長條圖

Hi day27,我們來看看tableau desktop中的直條圖可以做甚麼小花樣, 更有新的觀感呢? 從資料視覺化的實用性來看, 直條圖算是不可或缺甚至是非...

eseries116 ‧ 2022-09-28

0 Like 0 留言 951 瀏覽

鐵人賽 AI & Data DAY 27

為資料選擇適合的視覺化方式系列第 27 篇

技術 [Day 27] 凸顯圖表重點的小技巧2

在上一篇介紹了一些比較好操作的凸顯圖表重點的小技巧，例如藉由圖表的顏色、或是標題的文字，來讓觀眾一眼就能夠看出你想要表達的重點。接下來我們再繼續來看看一些其他...

panmike21 ‧ 2019-10-03

1 Like 0 留言 935 瀏覽

鐵人賽 Modern Web DAY 20

用React刻自己的投資Dashboard 系列第 20 篇

技術用React刻自己的投資Dashboard Day20 - 首頁功能切板

tags: 2021鐵人賽 React 先從mobile版型的頁面來看，可以分為幾個部份，如下圖：分為最上面Title、TaiwanStock、USStock...

Sean Liu ‧ 2021-10-05

0 Like 0 留言 925 瀏覽

鐵人賽 AI & Data DAY 22

Hands on Data Cleaning and Scraping 資料清理與爬蟲實作系列第 22 篇

技術 Day22 Airbnb in Berlin 3/5 the ring zone 柏林Airbnb 3/5 蛋黃區

到柏林旅遊，會發現市區交通票券由放射狀分為A、B、C三個區塊，想買長期票券分法只有A+B區、B+C區、A+B+C區，以一般旅遊民眾而言，移動範圍多會在A+B區，...

kyt ‧ 2019-09-23

0 Like 0 留言 921 瀏覽

鐵人賽 Modern Web DAY 16

用React刻自己的投資Dashboard 系列第 16 篇

技術用React刻自己的投資Dashboard Day16 - react-router-dom讓SPA也有路由

tags: 2021鐵人賽 React 前一篇提到的導覽列的各個按鈕，點擊之後會跳到不同的頁面，每個頁面都會是不同的路徑，這個功能可以使用react-route...

Sean Liu ‧ 2021-10-01

0 Like 0 留言 911 瀏覽

鐵人賽 Modern Web DAY 24

用React刻自己的投資Dashboard 系列第 24 篇

技術用React刻自己的投資Dashboard Day24 - styled components

tags: 2021鐵人賽 React 因為下一篇要讓導覽列在手機版網頁呈現漢堡選單的樣式，在參考其他工程師寫的網頁的時候，發現有一位是用styled-comp...

Sean Liu ‧ 2021-10-09

0 Like 0 留言 903 瀏覽

鐵人賽 AI & Data DAY 22

為資料選擇適合的視覺化方式系列第 22 篇

技術 [Day 22] 呈現多種特性的資料1 - 先找出重點

好了，經過前面的介紹，現在應該對於如何幫資料找到適合的方式之後，我們現在來更進一步，找看看是否有「更」適合的方式。尤其是當資料很複雜、有多個不同面向可以切入去做...

panmike21 ‧ 2019-09-28

0 Like 0 留言 883 瀏覽

技術這些遊戲, 你破關要多久? | 史上破關時間最長的遊戲排名! | 第一名比扯鈴還扯!

什麼樣的遊戲，能讓你玩到天長地久什麼樣的遊戲，讓讓你玩得日夜不休卡關的心情很痛苦，破關的心情很舒服卡關時魂牽夢縈，破關時才知誰輸誰贏說好只玩一小時，結果只...

Data Alchemist ‧ 2020-09-09

0 Like 0 留言 879 瀏覽

鐵人賽 Modern Web DAY 17

用React刻自己的投資Dashboard 系列第 17 篇

技術用React刻自己的投資Dashboard Day17 - Dashboard 2.0版路由功能

tags: 2021鐵人賽 React 如Day15的wireframe，為了要加上更多的功能，因此要在頂端列新增幾個按鈕，每個按鈕代表不同的路由，而不同的路由...

Sean Liu ‧ 2021-10-02

0 Like 0 留言 867 瀏覽

鐵人賽 Modern Web DAY 11

用React刻自己的投資Dashboard 系列第 11 篇

技術用React刻自己的投資Dashboard Day11 - 分離UI元件與抓取數據元件

tags: 2021鐵人賽 React 本篇要將call api的功能獨立成一個元件，在架構上會更清楚的分工不同檔案的功能，之後也有可能是其他元件會呼叫api的...

Sean Liu ‧ 2021-09-26

0 Like 0 留言 853 瀏覽

鐵人賽 AI & Data DAY 23

為資料選擇適合的視覺化方式系列第 23 篇

技術 [Day 23] 呈現多種特性的資料2 - 再來思考如何呈現

在前一篇 [Day22] 呈現多種特性的資料1 有提到要先找出用這些資料想要呈現出的重點，接下來就來實際看看一些案例吧。坐於言不如起而行都先確認好資料的樣...

panmike21 ‧ 2019-09-29

0 Like 0 留言 853 瀏覽

技術誰才是第一｜滿滿的回憶遊戲賣出最多套的世界記錄 | 全平台銷售超過1500萬套以上的遊戲

全部都是滿滿的回憶，從最近的森友會，到最早的俄羅斯方塊，不知道大家都否每一套都有收集到？以全平台(包含遊戲主機、PC與手機的付費下載版本)，並且不採計遊戲的...

Data Alchemist ‧ 2020-10-09

0 Like 0 留言 846 瀏覽

鐵人賽 AI & Data DAY 24

Hands on Data Cleaning and Scraping 資料清理與爬蟲實作系列第 24 篇

技術 Day24 Airbnb in Berlin 5/5 the ring zone summary 柏林Airbnb 5/5 蛋黃區房源分析小結

今天針對前幾日視覺化的結果，來篩選一些符合我需求的房源。Today we will filter out some listings that fit my n...

kyt ‧ 2019-09-25

0 Like 0 留言 830 瀏覽

鐵人賽 AI & Data DAY 30

機器學習與資料視覺化的筆記[R、Python] 系列第 30 篇

技術 Day 30. 結語、 Data Visualization 資料視覺化 [參考網站介紹] [R]

第30天結語 R繪圖 [R]latice 基礎資料視覺化圖形 [R]ggplot2 進階繪圖 [R]shiny 互動式Dashboard [R]其他補充網...

yylee12 ‧ 2022-10-11 ‧團隊NTUEPM_STAT LIFE

技術 用React刻自己的投資Dashboard Day25 - 製作漢堡選單

技術 [Day 3] 視覺化圖表的類型

技術 用React刻自己的投資Dashboard Day6 - 建立圖表區元件，串接API取得數據

技術 Day21 Airbnb in Berlin 2/5 listings overview 柏林Airbnb 2/5 房源概述

技術 Day23 Airbnb in Berlin 4/5 listings analysis 柏林Airbnb 4/5 蛋黃區房源分析

技術 [Python]專題P01─臺灣春節國道預估塞車時間準不準?

技術 用React刻自己的投資Dashboard Day27 - 台股技術面刻板

技術 用React刻自己的投資Dashboard Day8 - useState hook