D3.js 是一個流行和強大的數據可視化庫，它可以幫助您將數據轉換為圖表和圖形。在 D3 中讀取數據非常簡單，您只需要使用 D3 的方法來加載您的數據，然后將它用于創建視覺元素。本文將向您展示如何使用 D3 讀取 JSON 數據，以及如何從中提取第一個數據。

<script src="https://d3js.org/d3.v7.min.js"></script><script>// 使用 D3 讀取 JSON 文件
d3.json("data.json").then(function(data) {
// 提取第一個數據
var firstData = data[0];
console.log(firstData);
});
</script>

如上所示，我們首先使用 D3 的d3.json()方法加載一個名為 "data.json" 的 JSON 文件。然后，我們使用 JavaScript 數組的索引來提取第一個數據。最后，我們將第一個數據打印到控制臺中。

至此，我們已經成功地使用 D3 讀取 JSON 數據，并提取了第一個數據。您可以在此基礎上進一步擴展您的代碼，以創建令人驚嘆的圖表和圖形。