D3.js - 介紹

資料視覺化是以圖形或圖形格式呈現資料。資料視覺化的主要目標是通過統計圖形，圖表和資訊圖形清晰有效地傳達資訊。

資料視覺化有助於我們快速有效地傳達我們的見解。由視覺化表示的任何型別的資料都允許使用者比較資料，生成分析報告，理解模式，從而幫助他們做出決策。資料視覺化可以是互動式的，以便使用者分析圖表中的特定資料。那麼，可以使用不同的 JavaScript 框架在常規網站甚至移動應用程式中開發和整合資料視覺化。

什麼是 D3.js？

D3.js 是一個 JavaScript 庫，用於在瀏覽器中建立互動式視覺化。D3.js 庫允許我們在資料集的上下文中操作網頁的元素。這些元素可以是 HTML，SVG 或 Canvas 元素，可以根據資料集的內容進行引入，刪除或編輯。它是一個用於操作 DOM 物件的庫。D3.js 可以成為資料探索的寶貴幫助，它可以讓你控制資料的表示，並允許你新增互動性。

我們為什麼需要 D3.js？

與其他庫相比，D3.js 是最重要的框架之一。這是因為它適用於網路，其資料視覺化非常出色。它運作良好的另一個原因是它的靈活性。由於它可以與現有的 Web 技術無縫協作，並且可以操作文件物件模型的任何部分，因此它與客戶端 Web 技術堆疊 （[HTML]({{sectref “Tutorial/HTML/_index.zh-tw.md”}})，[CSS]({{sectref “Tutorial/CSS/_index.zh-tw.md”}})和 SVG） 一樣靈活。 它有很好的社群支援，更容易學習。

D3.js 功能

D3.js 是最好的資料視覺化框架之一，它可以用於生成簡單和複雜的視覺化以及使用者互動和過渡效果。它的一些顯著特徵如下 -

• 非常靈活。
• 易於使用和快速。
• 支援大型資料集。
• 宣告性程式設計。
• 程式碼可重用性。
• 具有多種曲線生成功能。
• 將資料關聯到 html 頁面中的元素或元素組。

D3.js 的好處

D3.js 是一個開源專案，沒有任何外掛。它需要非常少的程式碼並提供以下好處 -

• 出色的資料視覺化

• 它是模組化的。你可以下載一小段你想要使用的 D3.js。無需每次都載入整個庫。

• 易於構建圖表元件。

• DOM 操作。

在下一章中，我們將瞭解如何在我們的系統上安裝 D3.js。