Day30 D3js 浪漫突進的回顧及展望
文章推薦指數: 80 %
D3js 浪漫突進的回顧及展望. 你只要顧好你會的、你喜歡的,一直講、拼命講,展現你的魅力! -- 浪漫Duke. 回顧. D3js 真的需要一直寫、拼命寫,由於 API 很多,而很多 ...
第12屆iThome鐵人賽
DAY
30
2
AI&Data
D3.js資料視覺化的浪漫突進系列第
30篇
Day30D3js浪漫突進的回顧及展望
12th鐵人賽
出發吧阿灝仔
2020-10-1522:11:31470瀏覽
D3js浪漫突進的回顧及展望
你只要顧好你會的、你喜歡的,一直講、拼命講,展現你的魅力!
--浪漫Duke
回顧
D3js真的需要一直寫、拼命寫,由於API很多,而很多時候其實不知道自己要用到哪些API,也是參考許多人的範例才知道自己到底該用甚麼。
D3js真的是SVG圖表的一大利器,至始至終覺得他真的好用方便又快速,學習也不用一定得到一定門檻才能產出圖表,只要會幾個API基本的能產出,再持續擴充動畫及互動相關API,而且再每一次迭代學習中,又能體會出新的開發途徑,可以說是有趣又好玩呢!
展望
目前工作上可能也沒有面對到非常大量圖表,畢竟除了資料分析或特定產業才會大量使用特殊圖表,但仍然有很多有趣好玩的應用,等著探索。
學習方式
透過模仿學習
凡是從複製開始,如果有原始碼可以看當然可以直接學習對方使用API的方式,如果沒有的話,就是從使用者角度直接開抄!我覺得這樣的學習方式,對我自己使滿實用的,不然API學了不用,其實也不太知道要幹嘛。
目前發現一個挺有趣的項目,dbdiagram,可能是我近期有趣的複製學習的對象,完成資料結構單向顯示、關聯欄位連線及部分互動,連線部分要繞特定路線還沒調整,但整體實作的時候真的滿有趣的!
Codepen範例
結論
D3js就像前端的味精一樣,為人生增添更多美好的風味。
留言4
追蹤
檢舉
上一篇
Day29D3jsd3-random方便產亂數的小工具
系列文
D3.js資料視覺化的浪漫突進
共30篇
目錄
RSS系列文
訂閱系列文
13人訂閱
26
Day26D3js浪漫復刻ExpertOption的養眼圖表
27
Day27D3js動畫事件小技巧
28
Day28D3jsDiagram常見的兩點浪漫路徑
29
Day29D3jsd3-random方便產亂數的小工具
30
Day30D3js浪漫突進的回顧及展望
完整目錄
4則留言
舊至新
新至舊
最高Like數
0
米歐
iT邦新手4級‧
2020-10-1522:18:59
太浪漫了吧,講什麼畫什麼,哪天畫出霹靂布袋戲都不意外。
還有恭喜大大完賽~~~
回應
1
檢舉
出發吧阿灝仔
iT邦新手4級‧
2020-10-1523:19:38
檢舉
心想事成,希望2330帶領大大錢淹腳目。
心想事成,希望2330帶領大大錢淹腳目。
![/images/emoticon/emoticon69.gif](/images/emoticon/emoticon69.gif)
修改
登入發表回應
0
老屁股
iT邦新手5級‧
2020-10-1522:27:00
太境界了吧!!!!!
"D3js就像前端的味精一樣,為人生增添更多美好的風味。
"
強者我同事"好神"!!!
回應
1
檢舉
出發吧阿灝仔
iT邦新手4級‧
2020-10-1523:20:18
檢舉
花拳繡腿而已,沒有經歷過風雨的老屁股神
花拳繡腿而已,沒有經歷過風雨的老屁股神![/images/emoticon/emoticon31.gif](/images/emoticon/emoticon31.gif)
修改
登入發表回應
0
林穎平EP
iT邦新手5級‧
2020-10-1600:47:03
恭喜D3大師阿灝仔完賽!
回應
1
檢舉
出發吧阿灝仔
iT邦新手4級‧
2020-10-1618:09:17
檢舉
是EPCompile大師!你的文章太猛了
是EPCompile大師!你的文章太猛了![/images/emoticon/emoticon13.gif](/images/emoticon/emoticon13.gif)
修改
登入發表回應
0
紅棗
iT邦新手5級‧
2021-01-1215:45:39
不愧是D3大神~連我媽都問我為什麼要跪著看範例~只能久久不能言語~~~
回應
1
檢舉
出發吧阿灝仔
iT邦新手4級‧
2021-01-1215:52:10
檢舉
上班時間,你媽不會在你旁邊,只有你老闆。
上班時間,你媽不會在你旁邊,只有你老闆。
修改
登入發表回應
我要留言
立即登入留言
iT邦幫忙鐵人賽
參賽組數
1087組
團體組數
52組
累計文章數
20477篇
完賽人數
572人
鐵人賽最新文章
.NetCoreWebApi_筆記21_Swagger及OpenAPI介紹與配置使用方式_API管理與測試探討
.NetCoreWebApi_筆記20_api結合ADO.NET資料庫操作part8_新聞文章查詢
.NetCoreWebApi_筆記19_api結合ADO.NET資料庫操作part7_新聞文章的編輯更新與刪除
.NetCoreWebApi_筆記18_api結合ADO.NET資料庫操作part6_新聞文章表格陳列查詢
.NetCoreWebApi_筆記17_api結合ADO.NET資料庫操作part5_新聞文章新增_新聞類別元素透過API綁定方式
[Bonus系列]-使用useCallback&useMemo的正確時機是什麼?
大盤到底能不能攻上一萬八??
gotodie?那個goto到底能不能用啊?
2021/12/12更新
予焦啦!一夢終須醒......
前往鐵人賽
技術推廣專區
[Day2]抓取每日收盤價
[Day1]基本工具安裝
利用python取得永豐銀行API的Nonce
[Day03]tinyML開發板介紹
永豐金融API測試員
[Day01]在享受tinyML這道美食之前
[Day3]使用ta-lib製作指標
[Day4]函數打包與買進持有報酬率試算
計算API所需要的參數:HashID
計算API所需要的參數:IV
前往鐵人賽
熱門問題
公司想要架設一個網購物站,但是不知道要怎麼規劃預算
正要準備開始上CCNA…
無網際網路時,請問兩台電腦如何‘無線’遠端連線
遠端監控電腦效能
如何設定一台電腦,有線網卡走公司內網,無線網卡走外網,同時運行?
關於網頁顯示問題
mssql資料庫搬移時,怎樣出所有需要的資料會比較好?
請問有在做關貿資料串接的資訊公司嗎?
NAS、雲端儲存空間、隨身硬碟差別在那?怎麼選?
照片辨識比對軟體開發
IT邦幫忙
站方公告
【2021iThome鐵人賽】登登登!究竟獎落誰家,2021iThome鐵人賽得獎名單正式揭曉
熱門tag
看更多
13th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
2017鐵人賽
windows
php
python
windowsserver
linux
c#
程式設計
資訊安全
css
vue.js
sql
分享
熱門回答
正要準備開始上CCNA…
如何設定一台電腦,有線網卡走公司內網,無線網卡走外網,同時運行?
NAS、雲端儲存空間、隨身硬碟差別在那?怎麼選?
遠端監控電腦效能
無網際網路時,請問兩台電腦如何‘無線’遠端連線
照片辨識比對軟體開發
關於網頁顯示問題
公司想要架設一個網購物站,但是不知道要怎麼規劃預算
mssql資料庫搬移時,怎樣出所有需要的資料會比較好?
DefaultDomainPolicy密碼複雜度
熱門文章
大盤到底能不能攻上一萬八??
[Bonus系列]-使用useCallback&useMemo的正確時機是什麼?
【教學】簡單救回電腦資料
為了轉生而點技能-JavaScript,day23(Promise介紹
12.MYSQL淺談NULL
數位簽章(digitalsignature)
什麼是功能分解?
D9.學習基礎C、C++語言
7.MYSQL表格程式語法
javascript基礎功能1
一週點數排行
更多點數排行
海綿寶寶(antijava)
㊣浩瀚星空㊣(yoching)
小山丘(a243318490)
居然解出來了(partyyaya)
ccenjor(ccenjor)
純真的人(jer5173)
fillano(fillano)
Gary(mosbbs)
PPTaiwan(Pochengtaiwan)
souda(souda)
×
At
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{result.label}}
{{result.account}}
關閉
延伸文章資訊
- 1浪漫Duke - 梗圖產生器
浪漫Duke-舉辦個人演唱會沒人來. 懶人 手工. 浪漫duke 星星之火足以燎原. 懶人 手工. 浪漫duke. 懶人 手工 · 繁體中文 简体中文 English 日本語 한국어 Bahas...
- 2Day30 D3js 浪漫突進的回顧及展望
D3js 浪漫突進的回顧及展望. 你只要顧好你會的、你喜歡的,一直講、拼命講,展現你的魅力! -- 浪漫Duke. 回顧. D3js 真的需要一直寫、拼命寫,由於 API 很多,而很多 ...
- 3反正我很閒浪漫duke GIF - Tenor
The perfect 反正我很閒浪漫duke Duke Animated GIF for your conversation. Discover and Share the best GIFs...
- 4浪漫duke帶你找到屬於你的浪漫 - 遊戲基地資訊站
提供浪漫duke帶你找到屬於你的浪漫相關PTT/Dcard文章,想要了解更多浪漫突進、浪漫duke浪漫突進、浪漫突進gif有關電玩與手遊文章或書籍,歡迎來遊戲基地資訊站提供您 ...
- 5GIF 動圖資料庫- Meme 梗圖倉庫- 浪漫Duke