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

d3.js相關文章

共有 107 則文章

5 人追蹤

追蹤

0 Like 0 留言 2951 瀏覽

鐵人賽 Modern Web DAY 22

React + D3 的正確姿勢系列第 22 篇

技術 Day22-bar chart(using D3.js)

前言從今天開始的文章就正式進入實作的過程啦~ 這次的系列文預計會帶給大家 5 種不一樣的圖表，視覺化是個非常深奧的世界，筆者我也只會一點皮毛而已XD 所以這次...

陳奕帆 Andy Chen ‧ 2019-10-08

1 Like 0 留言 4924 瀏覽

鐵人賽 Modern Web DAY 21

React + D3 的正確姿勢系列第 21 篇

技術 Day21-D3基本介紹(transform)

前言今天的內容會比較輕鬆一些，前幾天的文章內容可能有點太多而且不太好消化，所以今天筆者就打算講一點輕鬆的內容，但這個內容也是非常重要的，想要把一張圖表繪製好這...

陳奕帆 Andy Chen ‧ 2019-10-07

0 Like 0 留言 3644 瀏覽

鐵人賽 Modern Web DAY 20

React + D3 的正確姿勢系列第 20 篇

技術 Day20-D3基本介紹(chart event、tooltip)

前言在講完所有的圖表設定後，今天要來介紹如何讓我們設計好的圖表可以跟使用者進行互動，為了要讓圖表能進行互動我們就必須要將圖表設定一些 event ，這樣使用者...

陳奕帆 Andy Chen ‧ 2019-10-06

1 Like 0 留言 2550 瀏覽

鐵人賽 Modern Web DAY 19

React + D3 的正確姿勢系列第 19 篇

技術 Day19-D3基本介紹(Axis)

前言在昨天的文章講完如何傳資料進去圖表後，今天要來介紹另一個重要的觀念： Axis 了，其實 Axis 代表的就是座標軸上的設定，透過客製化調整 Axis 的...

陳奕帆 Andy Chen ‧ 2019-10-05

0 Like 0 留言 2027 瀏覽

鐵人賽 Modern Web DAY 18

React + D3 的正確姿勢系列第 18 篇

技術 Day18-D3基本介紹(data)

前言在昨天的文章講完如何先初始化一個 svg 容器來填入圖表後，今天要來介紹如何把資料傳進去 svg 內進行圖表繪製嘍！ selectAll 昨天介紹了 d3...

陳奕帆 Andy Chen ‧ 2019-10-04

1 Like 0 留言 4290 瀏覽

鐵人賽 Modern Web DAY 17

React + D3 的正確姿勢系列第 17 篇

技術 Day17-D3基本介紹(select、append、attr)

前言從今天開始的文章就正式進入 D3 的圖表繪製設定了，光最基本的輸入輸出區域就花了不少篇幅說明 (其實是為了拖台錢讓鐵人賽更容易完賽XD) ，總之接下來的文...

陳奕帆 Andy Chen ‧ 2019-10-03

2 Like 2 留言 13085 瀏覽

鐵人賽 Modern Web DAY 30

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 30 篇

技術 [ D3.js ] 繪製臺灣地圖

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-10-02

0 Like 0 留言 2439 瀏覽

鐵人賽 Modern Web DAY 16

React + D3 的正確姿勢系列第 16 篇

技術 Day16-D3基本介紹(number format)

前言今天的文章跟昨天的內容基本上差不多，今天要來講講 D3 是如何處理數字格式，其實數字是不需要經由 D3 去轉換也可以直接使用 d3.scaleLinear...

陳奕帆 Andy Chen ‧ 2019-10-02

1 Like 0 留言 5807 瀏覽

鐵人賽 Modern Web DAY 29

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 29 篇

技術 [ D3.js ] 繪製散點圖與折線圖 scatter chart & line chart

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-10-01

1 Like 0 留言 4304 瀏覽

鐵人賽 Modern Web DAY 15

React + D3 的正確姿勢系列第 15 篇

技術 Day15-D3基本介紹(time format)

前言今天要來介紹一個蠻重要的技巧，一般來說 JS 用來處理時間的套件相信大家首選都是 Moment.js ，當然筆者也是一樣，不過今天筆者並沒有要介紹 Mom...

陳奕帆 Andy Chen ‧ 2019-10-01

1 Like 0 留言 3610 瀏覽

鐵人賽 Modern Web DAY 28

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 28 篇

技術 [ D3.js ] 繪製座標軸 axis

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-30

0 Like 0 留言 4381 瀏覽

鐵人賽 Modern Web DAY 14

React + D3 的正確姿勢系列第 14 篇

技術 Day14-D3基本介紹(domain、endpoint)

前言昨天講了跟輸出區域有關的 scale 以及 range ，今天要來談一下輸入區域的 domain 了，這裡筆者會多提一個 endpoint ，其實這個 e...

陳奕帆 Andy Chen ‧ 2019-09-30

1 Like 0 留言 4599 瀏覽

鐵人賽 Modern Web DAY 27

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 27 篇

技術 [ D3.js ] 繪製比例尺 scale

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-29

2 Like 0 留言 4416 瀏覽

鐵人賽 Modern Web DAY 13

React + D3 的正確姿勢系列第 13 篇

技術 Day13-D3基本介紹(scale、range)

前言今天要來介紹 D3.js 中第一個重要觀念： scale 以及 range ，在 D3.js 中的每個圖表都必須要設定 scale 以及 range ，今...

陳奕帆 Andy Chen ‧ 2019-09-29

1 Like 0 留言 4282 瀏覽

鐵人賽 Modern Web DAY 26

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 26 篇

技術 [ D3.js ] 資料處理與篩選

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-28

0 Like 0 留言 4449 瀏覽

鐵人賽 Modern Web DAY 12

React + D3 的正確姿勢系列第 12 篇

技術 Day12-D3基本介紹(作用、svg)

前言從今天開始到結束的文章沒意外都會講 D3.js 了，前端能做資料視覺化的套件非常多，只是筆者覺得在用其他比較方便的套件之前應該要先了解整個圖表繪製過程，而...

陳奕帆 Andy Chen ‧ 2019-09-28

1 Like 0 留言 7608 瀏覽

鐵人賽 Modern Web DAY 25

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 25 篇

技術 [ D3.js ] D3.js in Vue.js

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-27

3 Like 0 留言 5701 瀏覽

鐵人賽 Modern Web DAY 24

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 24 篇

技術 [ D3.js ] 資料圖形繪製與重繪 enter(), exit() & update()

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-26

2 Like 2 留言 3501 瀏覽

鐵人賽 Modern Web DAY 23

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 23 篇

技術 [ D3.js ] 資料選取 d3-selection 與資料綁定 Joining Data

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-25

2 Like 0 留言 3328 瀏覽

鐵人賽 Modern Web DAY 22

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 22 篇

技術 [ D3.js ] SVG 圖形繪製補充

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-24

2 Like 0 留言 3531 瀏覽

鐵人賽 Modern Web DAY 21

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 21 篇

技術 [ D3.js ] SVG 基本圖型繪製

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-23

1 Like 0 留言 2764 瀏覽

鐵人賽 Modern Web DAY 20

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 20 篇

技術 [ D3.js ] D3.js 如何做到繪製圖形？

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-22

2 Like 0 留言 2700 瀏覽

鐵人賽 Modern Web DAY 19

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 19 篇

技術 [ D3.js ] 重新認識圖表

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-21

1 Like 0 留言 2785 瀏覽

鐵人賽 Modern Web DAY 18

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 18 篇

技術 [ D3.js ] 環境建置

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-20

1 Like 0 留言 4096 瀏覽

鐵人賽 Modern Web DAY 17

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 17 篇

技術 [ D3.js ] Why D3.js： D3.js 是什麼？

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-19

3 Like 0 留言 3455 瀏覽

鐵人賽 Modern Web DAY 1

React + D3 的正確姿勢系列第 1 篇

技術 Day01-系列文規劃、介紹

前言大家好我是Andy，今年又回來參加鐵人賽了，希望今年也能順利地完賽XDD 這次要帶給大家的是資料視覺化的技能，使用的是最麻煩同時也最彈性的 D3.js，同...

陳奕帆 Andy Chen ‧ 2019-09-17

1 Like 0 留言 2237 瀏覽

鐵人賽 Modern Web DAY 12

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 12 篇

技術 [ Vue.js ] 元件傳遞 event

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-14

2 Like 1 留言 3961 瀏覽

鐵人賽 Modern Web DAY 11

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 11 篇

技術 [ Vue.js ] 元件傳遞 props

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-13

2 Like 0 留言 12553 瀏覽

鐵人賽 Modern Web DAY 10

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 10 篇

技術 [ Vue.js ] 元件樣板 template

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-12

2 Like 0 留言 3488 瀏覽

鐵人賽 Modern Web DAY 9

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 9 篇

技術 [ Vue.js ] 父子元件 child component

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-11

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙