使用 D3.js 和 Firebase 建構資料視覺化程式

Contents

瞭解如何使用 D3(v5) & Firebase (Firestore)來建立動態 SVG 資料視覺化。柱狀圖，餅狀圖

從這 10.5 小時的課程，你會學到

學習如何用 D3.js 建立一個資料視覺化程式

D3.js 是一個強大的 JavaScript 程式庫，用來輕鬆地建立資料視覺化。在這門課程中，我將教你如何利用 D3 的能力來建立各種不同的資料驅動的視覺化，如柱狀圖、餅圖、線形圖、氣泡圖和樹狀圖。

我們將學習 D3 select，改變 SVG 屬性和樣式，尺度，軸，轉換，層次化資料等等。

使用 Firebase Firestore 即時更新 D3.js 圖表

我還會教你如何使用 Firestore (來自 Google Firebase)——一個即時 NoSQL 資料庫，我們可以在這個資料庫中儲存資料。我們將使用這個功能即時實現 D3.js 視覺化(不需要更新瀏覽器) ，並使它們互動、有趣和動態。

我們還將建立 3 個專案，把我們的 D3 & Firebase 技能放在測試中——首先是一個名為 Ninja Wonga 的理財規劃，然後是一個叫做 Dojo 的健身追蹤器，最後是一個名為 Ninja corp. 的公司員工樹狀圖。

為什麼都叫做忍者( Ninja )？

我也以 YouTube 上的網路忍者(Net Ninja on YouTube)為人所知，擁有超過20萬的訂閱者和近1000個免費的開發教程。在你購買我的課程之前，請隨意檢視我的教學風格:)。

嘿各位～我的名字是 Shaun，從小就有幾乎任何與科技有關的東西都有根深蒂固的熱情。自 15 歲左右開始我就開始編寫程式碼（我有生之年的一半，現在……呃！），並且是一個完整的 Web 開發人員和線上教師。

我還運行了一個眾所周知的開發教程 YouTube 頻道，名為 The Net Ninja，擁有超過135,000名用戶。所以，如果你想看看我的教學風格，隨時到那瀏覽一下我最新的免費教程 :)。

我的專業主要圍繞一種中心語言（以及我的初戀） – JavaScript。我一直在為它編程大約 12 年，並且 – 和任何長期關係一樣 – 有幸看到它是醜陋的一面，也是它美麗的一面。所以我知道在使用它時要避免的陷阱，並在適當的時候在我的教學中傳遞這些知識。

除了教學之外，我還幫助創建了許多非常受歡迎的基於英國的電子商務網站，以及大量較小的獨立網站。

我使用和教授的其他語言是 – Python、Ruby、PHP、HTML 和 CSS

點選這個✨優惠連結( 特價 NT370 起)✨ 非 IT 認證的課程用 NT390 起的優惠連結可能拿到更好的價格喔, 試試看! | Udemy 永久擁有課程 ( 在電腦瀏覽器登入，點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得）
Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
手機上點選優惠連結看到的價格比電腦上看到的貴
＄代表當地貨幣, 如在台灣為 NT
點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現