iT邦幫忙

data visualization相關文章
共有 114 則文章
鐵人賽 AI & Data DAY 15

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

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

鐵人賽 Modern Web DAY 10

技術 用React刻自己的投資Dashboard Day10 - 用useCallback hook幫你記住函式

tags: 2021鐵人賽 React 在Day9說明了useEffect的用法,不過其實當Card.js渲染時,會發現console有錯誤訊息如下: src...

鐵人賽 Modern Web DAY 21

技術 用React刻自己的投資Dashboard Day21 - 介紹Finmind API

tags: 2021鐵人賽 React 接下來幾篇都會串接Finmind這個開源API,本篇就先來理解一下Finmind有哪些資料可以使用。看了一下官方網站的資...

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 AI & Data DAY 8

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

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

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 AI & Data DAY 8

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

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

鐵人賽 AI & Data DAY 26

技術 Day26 Stepstone Posting 達石職缺

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

鐵人賽 AI & Data DAY 28

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

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

鐵人賽 AI & Data DAY 9

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

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

鐵人賽 AI & Data DAY 14

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

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

鐵人賽 AI & Data DAY 6

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

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

鐵人賽 AI & Data DAY 1

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

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

鐵人賽 AI & Data DAY 29

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

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

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 30

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

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

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 AI & Data DAY 11

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

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

鐵人賽 AI & Data DAY 1

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

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

鐵人賽 Modern Web DAY 26

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

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

鐵人賽 AI & Data DAY 16

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

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

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 18

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

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

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 AI & Data DAY 30

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

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

鐵人賽 Modern Web DAY 22

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

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

鐵人賽 Modern Web DAY 2

技術 D3JsDay02 學學D3JS 技能提高SSS—為什麼D3

圖片來源:unsplash 關於資料視覺化的工具一般使用者最先接觸的可能是Microsoft Excel工具,後來在程式語言當中常見的是Python Ma...

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 AI & Data DAY 26

技術 [Day 26] 凸顯圖表重點的小技巧1

在上一篇看到了在製作資料視覺化圖表時,有哪些容易踩的雷、以及如何避免之後,接下來讓我麼來看看更多可以幫你凸顯資料重點的小技巧吧。 畢竟,圖表通常只是輔助,真正有...