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

0 Like 0 留言 3582 瀏覽

鐵人賽 AI & Data DAY 2

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

技術 [Day 2] 為什麼要做資料視覺化

在前一篇 [Day 1] 什麼是資料視覺化有大概介紹了什麼是資料視覺化。所以，我知道這東西蠻不錯的，但一定要做資料視覺化嗎? 用傳統的表格或文字來做資料的呈現...

panmike21 ‧ 2019-09-08

0 Like 0 留言 3533 瀏覽

技術 [R語言]資料視覺化G01─運用ggplot2完成線圖(line)

Hi! 大家好，我是Eric，這次要練習運用R語言中的ggplot2套件完成線圖(line) 緣起：根據高速公路局2018年2月「春節連假國道重點壅塞路段時...

Eric HSIEH ‧ 2019-03-04

0 Like 0 留言 3389 瀏覽

鐵人賽 AI & Data DAY 15

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

技術 [Day 15] 用來觀察資料分布的圖表們

終於進入到圖表類型的最後一個類別，也就是用來呈現資料分布的圖表。有興趣的可以再點選前面的文章去複習一下，包括在 [Day 3] 視覺化圖表的類型有初步針對這麼...

panmike21 ‧ 2019-09-21

0 Like 0 留言 3385 瀏覽

鐵人賽 Modern Web DAY 4

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

技術用React刻自己的投資Dashboard Day4 - highcharts製作線圖

tags: 2021鐵人賽 React Javascript繪圖套件在搜尋chart library的時候，發現JS可以用的library很多，包含 D3.j...

Sean Liu ‧ 2021-09-19

0 Like 1 留言 3054 瀏覽

鐵人賽 Modern Web DAY 28

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

技術用React刻自己的投資Dashboard Day28 - 串接台股技術面API

tags: 2021鐵人賽 React 上一篇刻好版型後，這篇就可以來串接API拉，目標當然就是讓使用者輸入股票代號後，能夠跑出最新收盤價格、漲跌幅度、漲跌幅度...

Sean Liu ‧ 2021-10-13

1 Like 1 留言 2883 瀏覽

鐵人賽 Modern Web DAY 1

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

技術用React刻自己的投資Dashboard Day1 - 前言

tags: 2021鐵人賽 React 系列文想法來源因為筆者本身在金融業工作，日常生活中時常關注一些投資相關的數據，例如：總體經濟數據、個股財務報告、加密貨...

Sean Liu ‧ 2021-09-16

0 Like 0 留言 2873 瀏覽

鐵人賽 AI & Data DAY 8

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

技術 Day08 Basic Data Visualizations with Pandas 1/2. Pandas視覺化資料基礎 1/2

接下來五篇文章介紹一些視覺化資料的工具與功能，挑選不同類型的圖來說明。今天來討論Pandas中一些基本的資料視覺化功能。The following 5 arti...

kyt ‧ 2019-09-09

0 Like 0 留言 2840 瀏覽

鐵人賽 AI & Data DAY 16

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

技術 Day16_[tableau desktop]製作雙層圓餅圖

Hi, day16 也是tableau desktop的第一篇文章, 相信大家都會製作圓餅圖了, 若今天要製作雙層的呢? 也就是甜甜圈圖(dount chart...

eseries116 ‧ 2022-09-17

0 Like 0 留言 2701 瀏覽

鐵人賽 Modern Web DAY 30

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

技術用React刻自己的投資Dashboard Day30 - 股票代號輸入防呆機制

tags: 2021鐵人賽 React 股票代號輸入錯誤當機問題 Day28的文章有提到，當使用者想要輸入股票代號看K線圖時，如果輸入的股票代號是錯誤的，也就是...

Sean Liu ‧ 2021-10-15

0 Like 0 留言 2697 瀏覽

鐵人賽 AI & Data DAY 29

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

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

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

eseries116 ‧ 2022-09-30

0 Like 0 留言 2607 瀏覽

鐵人賽 AI & Data DAY 14

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

技術 [Day 14] 呈現組成結構的圖表3 - 樹狀結構圖與瀑布圖

今天則是這個主題的最後一篇，會來介紹樹狀結構圖與瀑布圖這兩種在使用情境上面相對較單純的圖表。瀑布圖 (Waterfall Chart) 特點加入正負的概...

panmike21 ‧ 2019-09-20

0 Like 0 留言 2587 瀏覽

鐵人賽 AI & Data DAY 9

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

技術 Day09 Basic Data Visualizations with Pandas 2/2. Pandas視覺化資料基礎 2/2

# 載入所需套件 import packages import pandas as pd import numpy as np 圓餅圖 Pie Plot 圓餅...

kyt ‧ 2019-09-10

0 Like 0 留言 2573 瀏覽

鐵人賽 AI & Data DAY 28

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

技術 [Day 28] 資料視覺化的工具

在前面幾篇看完一些資料視覺化可能會犯的錯、以及介紹了一些突顯重點的小技巧之外，這篇讓我們來快速看看有哪些工具可以來幫助你進行資料視覺化吧。程式語言類這應該...

panmike21 ‧ 2019-10-04

0 Like 0 留言 2557 瀏覽

鐵人賽 AI & Data DAY 6

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

技術 [Day 6] 時間趨勢圖表2 - 長條圖

昨天在 [Day 5] 時間趨勢圖表1 有介紹過折線圖與面積圖，今天則要來針對長條圖的使用方式，來做進一步的介紹與舉例說明。長條圖 (Bar Chart)...

panmike21 ‧ 2019-09-12

0 Like 0 留言 2519 瀏覽

鐵人賽 AI & Data DAY 8

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

技術 [Day 8] 比較不同群體的圖表1 - 長條圖

在 [Day 7] 用來比較不同群體的圖表們，有簡單介紹過長條圖、直方圖、雷達圖等，用來比較不同群體的圖表們。接下來，就讓我們來針對這些圖表們做進一步的介紹與比...

panmike21 ‧ 2019-09-14

1 Like 0 留言 2509 瀏覽

鐵人賽 Modern Web DAY 1

從原料到燃料，從資料到預料—資料駕馭網頁之理科的美學系列第 1 篇

技術 D3JsDay01 資料視覺化圖表說說話—介紹篇

簡介本系列內容將會提及D3Js和資料相關內容的知識，主題訂定為資料駕馭網頁，其實一部分原因來自D3Js原始英文來自於Data-Driven Documents...

DannyChen ‧ 2021-09-16 ‧團隊好想工作室V5.0

0 Like 0 留言 2507 瀏覽

鐵人賽 AI & Data DAY 26

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

技術 Day26 Stepstone Posting 達石職缺

# 載入所需套件 import the packages we need import pandas as pd import numpy as np im...

kyt ‧ 2019-09-27

0 Like 0 留言 2444 瀏覽

鐵人賽 Modern Web DAY 18

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

技術用React刻自己的投資Dashboard Day18 - 選單列active style功能

tags: 2021鐵人賽 React 上一篇將選單列做出來，並且完成點擊上方按鈕會跳轉至對應頁面的功能，不過總覺得好像少了些什麼？原來是點擊按鈕之後，按鈕的樣...

Sean Liu ‧ 2021-10-03

0 Like 0 留言 2440 瀏覽

鐵人賽 Modern Web DAY 26

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

技術用React刻自己的投資Dashboard Day26 - 台股技術面功能規劃

這篇終於要來開始做台股技術面的功能了，對於善於技術分析的投資人來說，看K線是非常基本的事情，因為從技術分析的角度來看，K線可以分析出很多其他面向看不到的學問喔~...

Sean Liu ‧ 2021-10-11

1 Like 0 留言 2436 瀏覽

鐵人賽 Modern Web DAY 3

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

技術用React刻自己的投資Dashboard Day3 - React專案初始架構

tags: 2021鐵人賽 React 使用 Creat react app 對於React的初學者來說，create react app是最好的朋友，可以快速...

Sean Liu ‧ 2021-09-18

0 Like 0 留言 2392 瀏覽

鐵人賽 AI & Data DAY 1

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

技術 [Day 1] 什麼是資料視覺化

這個主題是想要介紹，當你手上有一些資料，做了些分析有了些洞見 (insight) 之後，要怎麼視資料的特性，來為他選擇適合的視覺化方式，來達到事半功倍的效果。...

panmike21 ‧ 2019-09-07

0 Like 0 留言 2359 瀏覽

鐵人賽 Modern Web DAY 2

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

技術用React刻自己的投資Dashboard Day2 - 網站Wireframe設計

tags: 2021鐵人賽 React 投資Dashboard內容設計要實際動手製作wireframe之前，先來規劃一下圖表的內容有什麼，一般來說，投資相關的...

Sean Liu ‧ 2021-09-17

0 Like 0 留言 2303 瀏覽

鐵人賽 Modern Web DAY 5

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

技術用React刻自己的投資Dashboard Day5 - 多張圖表渲染(Rendering lists)

tags: 2021鐵人賽 React 上一篇只畫了一張圖表，投資怎麼可能只需要看一張圖呢？這邊就再加上兩張圖來看看吧! 更改資料放置位置專案架構圖如下這...

Sean Liu ‧ 2021-09-20

0 Like 0 留言 2238 瀏覽

鐵人賽 Modern Web DAY 22

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

技術用React刻自己的投資Dashboard Day22 - API與前端資料需求比對

tags: 2021鐵人賽 React 一般來說在開發階段，前端與後端會討論資料需求，讓API產出的內容能夠滿足前端畫面的需求，不過這次因為是串接外部的API，...

Sean Liu ‧ 2021-10-07

0 Like 1 留言 2227 瀏覽

鐵人賽 AI & Data DAY 30

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

技術 [Day 30] 更多關於資料科學、與資料視覺化

來到了這個系列的最後一篇，除了這個主題之外還會有我個人的一些心得～關於資料科學這其實是一門博大精深的學問，整個過程會包含像是定義問題、確認需要哪些資料、搜...

panmike21 ‧ 2019-10-06

0 Like 0 留言 2191 瀏覽

鐵人賽 AI & Data DAY 29

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

技術 [Day 29] 圖表以外的資料視覺化方法

也慢慢進入到這整個系列的尾聲了，其實這整個系列，我們在談的都是透過靜態圖表這種呈現方式的視覺化。但其實還有其他方式也可以達成視覺化的目的，例如資訊圖表、影片、...

panmike21 ‧ 2019-10-05

4 Like 0 留言 2188 瀏覽

鐵人賽 AI & Data DAY 1

Data on AWS - 實作建立 Data Analytics Pipeline 系列第 1 篇

技術【Day 01】前言 - 大家好 & 目錄

HI 大家好~ 第一次參加鐵人賽的活動(非常緊張)，先簡單跟大家自我介紹，幾年前我是在事務所當個會計人，現在在資訊產業當一枚菜鳥，至於為什麼想要參加鐵人賽? 希...

Dorothy ‧ 2021-09-15

0 Like 0 留言 2184 瀏覽

鐵人賽 AI & Data DAY 11

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

技術 [Day 11] 用來呈現組成結構的圖表們

在 [Day 9] 比較不同群體的圖表2 有提到柏拉圖這個可以同時比較不同群體的量、又能呈現組成比例的圖表。今天就讓我們來看看，還有哪些圖表是專門用來呈現組成結...

panmike21 ‧ 2019-09-17

0 Like 0 留言 2143 瀏覽

鐵人賽 Modern Web DAY 14

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

技術用React刻自己的投資Dashboard Day14 - 解決重複發送API請求的問題

tags: 2021鐵人賽 React 之前剛開始設計call api取得資料的時間點是在Card元件載入的時候才讀取，但是加上分頁功能之後，會發現一個問題，假...

Sean Liu ‧ 2021-09-29

0 Like 0 留言 2053 瀏覽

鐵人賽 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

技術 [Day 2] 為什麼要做資料視覺化

技術 [R語言]資料視覺化G01─運用ggplot2完成線圖(line)

技術 [Day 15] 用來觀察資料分布的圖表們

技術 用React刻自己的投資Dashboard Day4 - highcharts製作線圖

技術 用React刻自己的投資Dashboard Day28 - 串接台股技術面API

技術 用React刻自己的投資Dashboard Day1 - 前言