跳到內容

API 索引

D3 是由多個模組組成,這些模組設計為可共同運作;您可以獨立使用這些模組,或將它們當作預設建置的一部分一起使用。

d3-array

陣列操作、排序、搜尋、摘要,

Add

以完全精度加總浮點數值。

  • new Adder - 建立一個完全精度的加法器。
  • adder.add - 將一個值加到加法器中。
  • adder.valueOf - 取得加法器值的雙精度表示。
  • fcumsum - 計算數字的完全精度累積總和。
  • fsum - 計算一個數字可迭代項目的完全精度總和。

Bin

將離散樣本分組成連續、不重疊的區間。

二分搜尋

快速在已排序的陣列中尋找值。

  • bisector - 使用存取器或比較器進行二分搜尋。
  • bisector.right - bisectRight,使用指定的比較器。
  • bisector.left - bisectLeft,使用指定的比較器。
  • bisector.center - 在已排序的陣列中對值進行二元搜尋。
  • bisect - 在已排序的陣列中對值進行二元搜尋。
  • bisectRight - 在已排序的陣列中對值進行二元搜尋。
  • bisectLeft - 在已排序的陣列中對值進行二元搜尋。
  • bisectCenter - 在已排序的陣列中對值進行二元搜尋。

模糊

在一個或兩個維度中模糊量化值。

群組

群組離散值。

  • d3.group - 將可迭代對象群組到巢狀 Map 中。
  • d3.groups - 將可迭代對象群組到巢狀陣列中。
  • d3.rollup - 將可迭代對象縮減到巢狀 Map 中。
  • d3.rollups - 將可迭代對象縮減到巢狀陣列中。
  • d3.index - 將可迭代對象索引到巢狀 Map 中。
  • d3.indexes - 將可迭代對象索引到巢狀陣列中。
  • d3.flatGroup - 將可迭代對象群組到扁平陣列中。
  • d3.flatRollup - 將可迭代對象縮減到扁平陣列中。
  • d3.groupSort - 根據群組值對鍵進行排序。

實習

建立包含日期等非原始值的地圖和集合。

集合

集合的邏輯運算。

排序

對值陣列進行排序和重新排序。

摘要

計算摘要統計資料。

  • d3.count - 計算可迭代中的有效數字值。
  • d3.min - 計算可迭代中的最小值。
  • d3.minIndex - 計算可迭代中最小值索引。
  • d3.max - 計算可迭代中的最大值。
  • d3.maxIndex - 計算可迭代中最大值索引。
  • d3.least - 傳回可迭代中的最小元素。
  • d3.leastIndex - 傳回可迭代中最小元素的索引。
  • d3.greatest - 傳回可迭代中的最大元素。
  • d3.greatestIndex - 回傳可迭代元素中最大元素的索引。
  • d3.extent - 計算可迭代元素中的最小值和最大值。
  • d3.mode - 計算可迭代數字中的眾數(最常見的值)。
  • d3.sum - 計算可迭代數字的總和。
  • d3.mean - 計算可迭代數字的算術平均值。
  • d3.median - 計算可迭代數字的中位數(0.5 分位數)。
  • d3.medianIndex - 計算可迭代數字的中位數索引(0.5 分位數)。
  • d3.cumsum - 計算可迭代元素的累積總和。
  • d3.quantile - 計算可迭代數字的分位數。
  • d3.quantileIndex - 計算可迭代數字的分位數索引。
  • d3.quantileSorted - 計算已排序數字陣列的分位數。
  • d3.rank - 計算可迭代元素的排名。
  • d3.variance - 計算可迭代數字的變異數。
  • d3.deviation - 計算可迭代數字的標準差。
  • d3.every - 測試所有值是否符合條件。
  • d3.some - 測試任何值是否符合條件。

刻度

從連續區間產生代表性值。

轉換

衍生新陣列。

  • d3.cross - 計算兩個可迭代物件的笛卡兒積。
  • d3.merge - 合併多個可迭代物件成一個陣列。
  • d3.pairs - 建立一個陣列,包含相鄰元素的配對。
  • d3.transpose - 轉置陣列的陣列。
  • d3.zip - 轉置變數個數的陣列。
  • d3.filter - 篩選值。
  • d3.map - 對值進行映射。
  • d3.reduce - 簡化值。

d3-axis

比例尺的人類可讀參考標記。

d3-brush

使用滑鼠或觸控選擇一或二維區域。

d3-chord

d3-color

色彩處理和色彩空間轉換。

d3-contour

使用前進廣場演算法計算等值線多邊形。

d3-delaunay

計算一組二維點的 Voronoi 圖。

d3-dispatch

使用命名回呼區分不同的關注點。

d3-drag

使用滑鼠或觸控輸入拖曳 SVG、HTML 或 Canvas。

d3-dsv

解析並格式化分隔符號值,最常見的是 CSV 和 TSV。

d3-ease

平滑動畫的緩衝函數。

d3-fetch

在 Fetch API 上的便利方法。

  • d3.blob - 取得檔案為 blob。
  • d3.buffer - 取得檔案為陣列緩衝區。
  • d3.csv - 取得逗號分隔值 (CSV) 檔案。
  • d3.dsv - 取得分隔符號分隔值 (CSV) 檔案。
  • d3.html - 取得 HTML 檔案。
  • d3.image - 取得影像。
  • d3.json - 取得 JSON 檔案。
  • d3.svg - 取得 SVG 檔案。
  • d3.text - 取得純文字檔案。
  • d3.tsv - 取得 tab 分隔值 (TSV) 檔案。
  • d3.xml - 取得 XML 檔案。

d3-force

使用 velocity Verlet 積分進行力導向圖形配置。

d3-format

將數字格式化為人類可讀的格式。

d3-geo

地理投影、形狀和數學。

路徑

投影

原始投影

方位投影

圓錐投影

圓柱投影

串流

球形狀

球面數學

d3-hierarchy

用於視覺化階層資料的佈局演算法。

d3-interpolate

內插數字、顏色、字串、陣列、物件,什麼都可以!

值內插

顏色插值

變換插值

縮放插值

d3-path

將畫布路徑命令序列化為 SVG。

d3-polygon

針對二維多邊形的幾何運算。

d3-quadtree

二維遞迴空間細分。

d3-random

從各種分配中產生亂數。

d3-scale

將抽象資料映射到視覺表示的編碼。

線性比例尺

將連續的定量網域對應到連續的範圍。

冪次比例尺

對數比例尺

對稱對數比例

時間比例

順序比例

將連續、定量的網域對應至連續、固定的內插器。

發散比例

將連續、定量的網域對應至連續、固定的內插器。

量化級距

將連續的定量網域對應到離散的範圍。

分位數級距

閾值級距

序數比例

將離散網域對應到離散範圍。

頻帶比例

點比例

d3-scale-chromatic

針對量化、序數和分類比例尺的色彩坡度和調色盤。

分類

循環

發散

順序

d3-selection

透過選取元素並加入資料來轉換 DOM。

選取元素

修改元素

加入資料

處理事件

控制流程

局部變數

命名空間

d3-shape

用於視覺化的圖形基本元素。

圓弧

圓形或環形扇形,例如在圓餅圖或甜甜圈圖中。

圓餅

計算將表格資料集表示為圓餅圖或甜甜圈圖所需的角度。

線條

樣條或折線,例如線形圖表。

面積

由上界線和下界線定義的面積,例如面積圖表。

曲線

在點之間內插以產生連續的形狀。

從來源到目標的平滑三次貝茲曲線。

符號

分類形狀編碼,例如在散佈圖中。

堆疊

堆疊形狀,將一個形狀放在另一個形狀旁邊,就像堆疊長條圖一樣。

d3-time

人類奇特的時間約定計算器。

d3-time-format

解析和格式化時間,靈感來自 strptime 和 strftime。

d3-timer

管理數千個並行動畫的高效佇列。

d3-transition

用於 選取 的動畫轉場。

d3-zoom

使用滑鼠或觸控輸入平移和縮放 SVG、HTML 或畫布。