iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 30
2
AI & Data

D3.js資料視覺化的浪漫突進系列 第 30

Day30 D3js 浪漫突進的回顧及展望

  • 分享至 

  • xImage
  •  

D3js 浪漫突進的回顧及展望

你只要顧好你會的、你喜歡的,一直講、拼命講,展現你的魅力!

-- 浪漫Duke

回顧

D3js真的需要一直寫、拼命寫,由於API很多,而很多時候其實不知道自己要用到哪些API,也是參考許多人的範例才知道自己到底該用甚麼。

D3js真的是SVG圖表的一大利器,至始至終覺得他真的好用方便又快速,學習也不用一定得到一定門檻才能產出圖表,只要會幾個API基本的能產出,再持續擴充動畫及互動相關API,而且再每一次迭代學習中,又能體會出新的開發途徑,可以說是有趣又好玩呢!

展望

目前工作上可能也沒有面對到非常大量圖表,畢竟除了資料分析或特定產業才會大量使用特殊圖表,但仍然有很多有趣好玩的應用,等著探索。

學習方式

透過模仿學習

凡是從複製開始,如果有原始碼可以看當然可以直接學習對方使用API的方式,如果沒有的話,就是從使用者角度直接開抄!我覺得這樣的學習方式,對我自己使滿實用的,不然API學了不用,其實也不太知道要幹嘛。

目前發現一個挺有趣的項目,dbdiagram,可能是我近期有趣的複製學習的對象,完成資料結構單向顯示、關聯欄位連線及部分互動,連線部分要繞特定路線還沒調整,但整體實作的時候真的滿有趣的!

Codepen範例

結論

D3js就像前端的味精一樣,為人生增添更多美好的風味。


上一篇
Day29 D3js d3-random 方便產亂數的小工具
系列文
D3.js資料視覺化的浪漫突進30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
米歐
iT邦新手 3 級 ‧ 2020-10-15 22:18:59

太浪漫了吧,講什麼畫什麼,哪天畫出霹靂布袋戲都不意外。

還有恭喜大大完賽~~~

/images/emoticon/emoticon42.gif

心想事成,希望2330帶領大大錢淹腳目。/images/emoticon/emoticon69.gif

0
老屁股
iT邦新手 5 級 ‧ 2020-10-15 22:27:00

太境界了吧!!!!!
" D3js就像前端的味精一樣,為人生增添更多美好的風味。 "
強者我同事"好神"!!!

花拳繡腿而已,沒有經歷過風雨的老屁股神/images/emoticon/emoticon31.gif

0
林穎平 EP
iT邦新手 5 級 ‧ 2020-10-16 00:47:03

恭喜 D3 大師阿灝仔完賽!

是EP Compile大師!你的文章太猛了/images/emoticon/emoticon13.gif

0
紅棗
iT邦新手 4 級 ‧ 2021-01-12 15:45:39

不愧是D3大神~連我媽都問我為什麼要跪著看範例~只能久久不能言語~~~

上班時間,你媽不會在你旁邊,只有你老闆。

我要留言

立即登入留言