安裝

有多種方法可以下載和使用 D3。

直接指令碼下載

  1. 下載並解壓縮 d3.zip
  2. 將生成的資料夾複製到儲存專案依賴項的位置
  3. 在你的 HTML 中引用 d3.js(用於開發)或 d3.min.js(用於生產):<script type="text/javascript" src="scripts/d3/d3.js"></script>

NPM

  1. 如果你還沒有在專案中初始化 NPM:npm init
  2. NPM 安裝 D3:npm install --save d3
  3. 在你的 HTML 中引用 d3.js(用於開發)或 d3.min.js(用於生產):<script type="text/javascript" src="node_modules/d3/build/d3.js"></script>

CDN

  1. 在你的 HTML 中引用 d3.js(用於開發)或 d3.min.js(用於生產):<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.1.1/d3.js"></script>

Github 上

  1. 從 Github 獲取任何版本的 d3.js(用於開發)或 d3.min.js(用於生產):<script type="text/javascript" src="https://raw.githubusercontent.com/d3/d3/v3.5.16/d3.js"></script>

要直接連結到最新版本,請複製以下程式碼段:

<script src="https://d3js.org/d3.v4.min.js"></script>