API 索引
D3 是由多個模組組成,這些模組設計為可共同運作;您可以獨立使用這些模組,或將它們當作預設建置的一部分一起使用。
d3-array
陣列操作、排序、搜尋、摘要,等。
Add
以完全精度加總浮點數值。
- new Adder - 建立一個完全精度的加法器。
- adder.add - 將一個值加到加法器中。
- adder.valueOf - 取得加法器值的雙精度表示。
- fcumsum - 計算數字的完全精度累積總和。
- fsum - 計算一個數字可迭代項目的完全精度總和。
Bin
將離散樣本分組成連續、不重疊的區間。
- bin - 建立新的 bin 產生器。
- bin - 將指定的樣本陣列 bin 化。
- bin.value - 指定每個樣本的值存取器。
- bin.domain - 指定可觀察值的區間。
- bin.thresholds - 指定如何將值分組到 bin 中。
- thresholdFreedmanDiaconis - Freedman–Diaconis bin 化規則。
- thresholdScott - Scott 的常態參考 bin 化規則。
- thresholdSturges - Sturges 的 bin 化公式。
二分搜尋
快速在已排序的陣列中尋找值。
- bisector - 使用存取器或比較器進行二分搜尋。
- bisector.right - bisectRight,使用指定的比較器。
- bisector.left - bisectLeft,使用指定的比較器。
- bisector.center - 在已排序的陣列中對值進行二元搜尋。
- bisect - 在已排序的陣列中對值進行二元搜尋。
- bisectRight - 在已排序的陣列中對值進行二元搜尋。
- bisectLeft - 在已排序的陣列中對值進行二元搜尋。
- bisectCenter - 在已排序的陣列中對值進行二元搜尋。
模糊
在一個或兩個維度中模糊量化值。
- d3.blur - 原地模糊數字陣列。
- d3.blur2 - 原地模糊二維數字陣列。
- d3.blurImage - 原地模糊 RGBA ImageData。
群組
群組離散值。
- d3.group - 將可迭代對象群組到巢狀 Map 中。
- d3.groups - 將可迭代對象群組到巢狀陣列中。
- d3.rollup - 將可迭代對象縮減到巢狀 Map 中。
- d3.rollups - 將可迭代對象縮減到巢狀陣列中。
- d3.index - 將可迭代對象索引到巢狀 Map 中。
- d3.indexes - 將可迭代對象索引到巢狀陣列中。
- d3.flatGroup - 將可迭代對象群組到扁平陣列中。
- d3.flatRollup - 將可迭代對象縮減到扁平陣列中。
- d3.groupSort - 根據群組值對鍵進行排序。
實習
建立包含日期等非原始值的地圖和集合。
- new InternMap - 一個鍵實習 Map。
- new InternSet - 一個值實習 Set。
集合
集合的邏輯運算。
- d3.difference - 計算集合差集。
- d3.disjoint - 測試兩個集合是否不相交。
- d3.intersection - 計算集合交集。
- d3.superset - 測試一個集合是否為另一個集合的超集。
- d3.subset - 測試一個集合是否為另一個集合的子集。
- d3.union - 計算集合聯集。
排序
對值陣列進行排序和重新排序。
- d3.ascending - 計算兩個值的自然順序。
- d3.descending - 計算兩個值的自然順序。
- d3.permute - 根據可迭代的索引對可迭代的元素重新排序。
- d3.quickselect - 重新排序一個數字陣列。
- d3.reverse - 反轉值的順序。
- d3.shuffle - 隨機化可迭代的順序。
- d3.shuffler - 隨機化可迭代的順序。
- d3.sort - 對值進行排序。
摘要
計算摘要統計資料。
- 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.ticks - 從數字區間產生代表性值。
- d3.tickIncrement - 從數字區間產生代表性值。
- d3.tickStep - 從數字區間產生代表性值。
- d3.nice - 延伸區間以與刻度對齊。
- d3.range - 產生數字值範圍。
轉換
衍生新陣列。
- d3.cross - 計算兩個可迭代物件的笛卡兒積。
- d3.merge - 合併多個可迭代物件成一個陣列。
- d3.pairs - 建立一個陣列,包含相鄰元素的配對。
- d3.transpose - 轉置陣列的陣列。
- d3.zip - 轉置變數個數的陣列。
- d3.filter - 篩選值。
- d3.map - 對值進行映射。
- d3.reduce - 簡化值。
d3-axis
比例尺的人類可讀參考標記。
- d3.axisTop - 建立新的頂部導向軸產生器。
- d3.axisRight - 建立新的右側導向軸產生器。
- d3.axisBottom - 建立新的底部導向軸產生器。
- d3.axisLeft - 建立新的左側導向軸產生器。
- axis - 為指定的選取產生軸。
- axis.scale - 設定比例尺。
- axis.ticks - 自訂刻度的產生和格式。
- axis.tickArguments - 自訂刻度的產生和格式。
- axis.tickValues - 明確設定刻度值。
- axis.tickFormat - 明確設定刻度格式。
- axis.tickSize - 設定刻度的尺寸。
- axis.tickSizeInner - 設定內部刻度的尺寸。
- axis.tickSizeOuter - 設定外部(延伸)刻度的尺寸。
- axis.tickPadding - 設定刻度與標籤之間的間距。
- axis.offset - 設定像素偏移以產生清晰的邊緣。
d3-brush
使用滑鼠或觸控選擇一或二維區域。
- d3.brush - 建立新的二維畫筆。
- d3.brushX - 建立沿著x維度的畫筆。
- d3.brushY - 建立沿著y維度的畫筆。
- brush - 將畫筆套用至選取。
- brush.move - 移動畫筆選取。
- brush.clear - 清除畫筆選取。
- brush.extent - 定義可畫筆的區域。
- brush.filter - 控制哪些輸入事件會啟動畫筆。
- brush.touchable - 設定觸控支援偵測器。
- brush.keyModifiers - 啟用或停用鍵盤互動。
- brush.handleSize - 設定畫筆控制項的大小。
- brush.on - 監聽畫筆事件。
- d3.brushSelection - 取得給定節點的畫筆選取。
d3-chord
- d3.chord - 建立新的弦圖配置。
- chord - 計算給定矩陣的配置。
- chord.padAngle - 設定相鄰群組間的間距。
- chord.sortGroups - 定義群組順序。
- chord.sortSubgroups - 定義群組內的來源和目標順序。
- chord.sortChords - 定義群組間的弦順序。
- d3.chordDirected - 建立有向弦產生器。
- d3.chordTranspose - 建立轉置弦產生器。
- d3.ribbon - 建立緞帶形狀產生器。
- ribbon - 產生緞帶形狀。
- ribbon.source - 設定來源存取器。
- ribbon.target - 設定目標存取器。
- ribbon.radius - 設定緞帶來源和目標半徑。
- ribbon.sourceRadius - 設定緞帶來源半徑。
- ribbon.targetRadius - 設定緞帶目標半徑。
- ribbon.startAngle - 設定緞帶來源或目標起始角度。
- ribbon.endAngle - 設定緞帶來源或目標結束角度。
- ribbon.padAngle - 設定填補角度存取器。
- ribbon.context - 設定渲染內容。
- d3.ribbonArrow - 建立箭頭緞帶產生器。
- ribbonArrow.headRadius - 設定箭頭半徑存取器。
d3-color
色彩處理和色彩空間轉換。
- d3.color - 解析給定的 CSS 色彩規格。
- color.opacity - 色彩的不透明度。
- color.rgb - 計算此色彩的 RGB 等效值。
- color.copy - 傳回此色彩的副本。
- color.brighter - 建立此色彩較亮的副本。
- color.darker - 建立此色彩較暗的副本。
- color.displayable - 如果色彩在標準硬體上可顯示,則傳回 true。
- color.formatHex - 傳回此色彩的十六進位 RRGGBB 字串表示。
- color.formatHex8 - 傳回此色彩的十六進位 RRGGBBAA 字串表示。
- color.formatHsl - 傳回此色彩的 RGB 字串表示。
- color.formatRgb - 傳回此色彩的 HSL 字串表示。
- color.toString - 傳回此色彩的 RGB 字串表示。
- d3.rgb - 建立新的 RGB 色彩。
- rgb.clamp - 傳回此色彩的副本,已固定在 RGB 色彩空間中。
- d3.hsl - 建立新的 HSL 色彩。
- hsl.clamp - 傳回限制在 HSL 色彩空間中的此色彩的副本。
- d3.lab - 建立新的 Lab 色彩。
- d3.gray - 建立新的 Lab 灰色。
- d3.hcl - 建立新的 HCL 色彩。
- d3.lch - 建立新的 HCL 色彩。
- d3.cubehelix - 建立新的 Cubehelix 色彩。
d3-contour
使用前進廣場演算法計算等值線多邊形。
- d3.contours - 建立新的等值線產生器。
- contours - 計算給定值網格的等值線。
- contours.contour - 計算給定值的等值線。
- contours.size - 設定等值線產生器的尺寸。
- contours.smooth - 設定產生的等值線是否平滑。
- contours.thresholds - 設定等值線產生器的閾值。
- d3.contourDensity - 建立新的密度估計器。
- density - 估計給定樣本陣列的密度。
- density.x - 設定密度估計器的 x 存取器。
- density.y - 設定密度估計器的 y 存取器。
- density.weight - 設定密度估計器的 weight 存取器。
- density.size - 設定密度估計器的尺寸。
- density.cellSize - 設定密度估計器的儲存格尺寸。
- density.thresholds - 設定密度估計器的閾值。
- density.bandwidth - 設定密度估計器的頻寬。
- density.contours - 計算密度等值線。
d3-delaunay
計算一組二維點的 Voronoi 圖。
- new Delaunay - 為點座標陣列建立 Delaunay 三角剖分。
- Delaunay.from - 為可迭代點建立 Delaunay 三角剖分。
- delaunay.points - 點的座標。
- delaunay.halfedges - Delaunay 半邊。
- delaunay.hull - 凸包作為點索引。
- delaunay.triangles - Delaunay 三角形。
- delaunay.inedges - Delaunay 內邊
- delaunay.find - 在 Delaunay 三角剖分中尋找最接近的點。
- delaunay.neighbors - Delaunay 三角剖分中某點的鄰居。
- delaunay.render - 呈現 Delaunay 三角剖分的邊緣。
- delaunay.renderHull - 呈現凸包。
- delaunay.renderTriangle - 呈現三角形。
- delaunay.renderPoints - 呈現點。
- delaunay.hullPolygon - 封閉凸包作為點座標。
- delaunay.trianglePolygons - 遍歷所有三角形作為多邊形。
- delaunay.trianglePolygon - 將三角形回傳為多邊形。
- delaunay.update - 就地更新 Delaunay 三角剖分。
- delaunay.voronoi - 計算與 Delaunay 三角剖分相關的 Voronoi 圖。
- voronoi.delaunay - Voronoi 圖的來源 Delaunay 三角剖分。
- voronoi.circumcenters - 三角形的圓心。
- voronoi.vectors - Voronoi 圖外部(無限)單元的方位。
- voronoi.xmin - 設定範圍的 xmin 邊界。
- voronoi.ymin - 設定範圍的 ymin 邊界。
- voronoi.xmax - 設定範圍的 xmax 邊界。
- voronoi.ymax - 設定範圍的 ymax 邊界。
- voronoi.contains - 測試一個點是否在 voronoi 單元格內。
- voronoi.neighbors - voronoi 圖中一個點的鄰居。
- voronoi.render - 繪製 voronoi 單元格的網格。
- voronoi.renderBounds - 繪製範圍。
- voronoi.renderCell - 繪製一個 voronoi 單元格。
- voronoi.cellPolygons - 迭代所有單元格作為多邊形。
- voronoi.cellPolygon - 傳回一個單元格作為多邊形。
- voronoi.update - 就地更新 voronoi 圖。
d3-dispatch
使用命名回呼區分不同的關注點。
- d3.dispatch - 建立一個自訂事件分派器。
- dispatch.on - 註冊或取消註冊一個事件監聽器。
- dispatch.copy - 建立一個分派器的副本。
- dispatch.call - 將一個事件分派到已註冊的監聽器。
- dispatch.apply - 將一個事件分派到已註冊的監聽器。
d3-drag
使用滑鼠或觸控輸入拖曳 SVG、HTML 或 Canvas。
- d3.drag - 建立一個拖曳行為。
- drag - 將拖曳行為套用至一個選取。
- drag.container - 設定座標系統。
- drag.filter - 忽略一些啟動輸入事件。
- drag.touchable - 設定觸控支援偵測器。
- drag.subject - 設定被拖曳的物件。
- drag.clickDistance - 設定點擊距離閾值。
- drag.on - 監聽拖曳事件。
- d3.dragDisable - 防止原生拖曳放和文字選取。
- d3.dragEnable - 啟用原生拖曳放和文字選取。
- event.on - 監聽目前手勢的拖曳事件。
d3-dsv
解析並格式化分隔符號值,最常見的是 CSV 和 TSV。
- d3.csvParse - 解析給定的 CSV 字串,傳回一個物件陣列。
- d3.csvParseRows - 解析給定的 CSV 字串,傳回一個列陣列。
- d3.csvFormat - 將給定的物件陣列格式化為 CSV。
- d3.csvFormatBody - 將給定的物件陣列格式化為 CSV。
- d3.csvFormatRows - 將給定的列陣列格式化為 CSV。
- d3.csvFormatRow - 將給定的列格式化為 CSV。
- d3.csvFormatValue - 將給定的值格式化為 CSV。
- d3.tsvParse - 解析給定的 TSV 字串,傳回一個物件陣列。
- d3.tsvParseRows - 解析給定的 TSV 字串,傳回一個列陣列。
- d3.tsvFormat - 將給定的物件陣列格式化為 TSV。
- d3.tsvFormatBody - 將給定的物件陣列格式化為 TSV。
- d3.tsvFormatRows - 將給定的列陣列格式化為 TSV。
- d3.tsvFormatRow - 將給定的列格式化為 TSV。
- d3.tsvFormatValue - 將給定的值格式化為 TSV。
- d3.dsvFormat - 為給定的分隔符號建立一個新的解析器和格式化器。
- dsv.parse - 解析給定的字串,傳回一個物件陣列。
- dsv.parseRows - 解析給定的字串,傳回一個列陣列。
- dsv.format - 格式化給定的物件陣列。
- dsv.formatBody - 格式化給定的物件陣列。
- dsv.formatRows - 格式化給定的列陣列。
- dsv.formatRow - 格式化給定的列。
- dsv.formatValue - 格式化給定的值。
- d3.autoType - 自動推斷給定物件的值類型。
d3-ease
平滑動畫的緩衝函數。
- ease - 緩衝給定的正規化時間。
- d3.easeLinear - 線性緩衝;恆等函數。
- d3.easePolyIn - 多項式緩衝;將時間提升到給定的次方。
- d3.easePolyOut - 反向多項式緩衝。
- d3.easePoly - easePolyInOut 的別名。
- d3.easePolyInOut - 對稱多項式緩衝。
- poly.exponent - 指定多項式指數。
- d3.easeQuadIn - 二次方緩動;時間平方。
- d3.easeQuadOut - 反向二次方緩動。
- d3.easeQuad - easeQuadInOut 的別名。
- d3.easeQuadInOut - 對稱二次方緩動。
- d3.easeCubicIn - 三次方緩動;時間立方。
- d3.easeCubicOut - 反向三次方緩動。
- d3.easeCubic - easeCubicInOut 的別名。
- d3.easeCubicInOut - 對稱三次方緩動。
- d3.easeSinIn - 正弦緩動。
- d3.easeSinOut - 反向正弦緩動。
- d3.easeSin - easeSinInOut 的別名。
- d3.easeSinInOut - 對稱正弦緩動。
- d3.easeExpIn - 指數緩動。
- d3.easeExpOut - 反向指數緩動。
- d3.easeExp - easeExpInOut 的別名。
- d3.easeExpInOut - 對稱指數緩動。
- d3.easeCircleIn - 圓形緩動。
- d3.easeCircleOut - 反向圓形緩動。
- d3.easeCircle - easeCircleInOut 的別名。
- d3.easeCircleInOut - 對稱圓形緩動。
- d3.easeElasticIn - 彈性緩動,就像橡皮筋。
- d3.easeElastic - easeElasticOut 的別名。
- d3.easeElasticOut - 反向彈性緩動。
- d3.easeElasticInOut - 對稱彈性緩動。
- elastic.amplitude - 指定彈性振幅。
- elastic.period - 指定彈性週期。
- d3.easeBackIn - 預期緩動,就像舞者在跳躍前彎曲膝蓋。
- d3.easeBackOut - 反向預期緩動。
- d3.easeBack - easeBackInOut 的別名。
- d3.easeBackInOut - 對稱預期緩動。
- back.overshoot - 指定過衝量。
- d3.easeBounceIn - 反彈緩動,就像橡膠球。
- d3.easeBounce - easeBounceOut 的別名。
- d3.easeBounceOut - 反向彈跳緩動。
- d3.easeBounceInOut - 對稱彈跳緩動。
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.forceSimulation - 建立新的力模擬。
- simulation.restart - 重新加熱並重新啟動模擬計時器。
- simulation.stop - 停止模擬計時器。
- simulation.tick - 模擬前進一步。
- simulation.nodes - 設定模擬節點。
- simulation.alpha - 設定目前的 alpha。
- simulation.alphaMin - 設定最小 alpha 閾值。
- simulation.alphaDecay - 設定 alpha 指數衰減率。
- simulation.alphaTarget - 設定目標 alpha。
- simulation.velocityDecay - 設定速度衰減率。
- simulation.force - 新增或移除力。
- 模擬.find - 尋找與給定位置最接近的節點。
- 模擬.randomSource - 設定模擬的隨機來源。
- 模擬.on - 新增或移除事件監聽器。
- 力 - 套用力。
- 力.initialize - 使用給定的節點初始化力。
- d3.forceCenter - 建立一個置中力。
- 中心.x - 設定中心 x 座標。
- 中心.y - 設定中心 y 座標。
- 中心.strength - 設定置中力的強度。
- d3.forceCollide - 建立一個圓形碰撞力。
- 碰撞.radius - 設定圓形半徑。
- 碰撞.strength - 設定碰撞解析強度。
- 碰撞.iterations - 設定迭代次數。
- d3.forceLink - 建立一個連結力。
- 連結.links - 設定連結陣列。
- 連結.id - 使用數字索引或字串識別碼連結節點。
- 連結.distance - 設定連結距離。
- 連結.strength - 設定連結強度。
- 連結.iterations - 設定迭代次數。
- d3.forceManyBody - 建立一個多體力。
- 多體.strength - 設定力強度。
- 多體.theta - 設定 Barnes–Hut 近似準確度。
- 多體.distanceMin - 當節點靠近時限制力。
- 多體.distanceMax - 當節點遠離時限制力。
- d3.forceX - 建立一個 x 定位力。
- x.strength - 設定力強度。
- x.x - 設定目標 x 座標。
- d3.forceY - 建立一個 y 定位力。
- y.strength - 設定力強度。
- y.y - 設定目標 y 座標。
- d3.forceRadial - 建立徑向定位力。
- radial.strength - 設定力道強度。
- radial.radius - 設定目標半徑。
- radial.x - 設定目標中心 x 座標。
- radial.y - 設定目標中心 y 座標。
d3-format
將數字格式化為人類可讀的格式。
- d3.format - 預設區域設定的 locale.format 別名。
- d3.formatPrefix - 預設區域設定的 locale.formatPrefix 別名。
- locale.format - 建立數字格式。
- locale.formatPrefix - 建立 SI 前綴數字格式。
- d3.formatSpecifier - 解析數字格式說明符。
- new d3.FormatSpecifier - 擴充數字格式說明符物件。
- d3.precisionFixed - 計算固定小數點記法的十進位精度。
- d3.precisionPrefix - 計算 SI 前綴記法的十進位精度。
- d3.precisionRound - 計算四捨五入記法的有效數字。
- d3.formatLocale - 定義自訂區域設定。
- d3.formatDefaultLocale - 定義預設區域設定。
d3-geo
地理投影、形狀和數學。
路徑
- d3.geoPath - 建立新的地理路徑產生器。
- path - 投影並呈現指定的特徵。
- path.area - 計算指定特徵的投影平面區域。
- path.bounds - 計算指定特徵的投影平面邊界框。
- path.centroid - 計算指定特徵的投影平面質心。
- path.digits - 設定輸出精度。
- 路徑.測量 - 計算給定特徵的投影平面長度。
- 路徑.投影 - 設定地理投影。
- 路徑.內容 - 設定渲染內容。
- 路徑.點半徑 - 設定顯示點特徵的半徑。
投影
- 投影 - 將球體上的指定點投影到平面上。
- 投影.反投影 - 將平面上指定的點反投影到球體上。
- 投影.串流 - 包裝指定的串流以投影幾何圖形。
- 投影.預剪輯 - 設定投影的球形剪輯函數。
- 投影.後剪輯 - 設定投影的笛卡兒剪輯函數。
- 投影.剪輯角度 - 設定剪輯圓的半徑。
- 投影.剪輯範圍 - 設定視窗剪輯範圍(以像素為單位)。
- 投影.縮放 - 設定縮放因子。
- 投影.平移 - 設定平移偏移量。
- 投影.中心 - 設定中心點。
- 投影.角度 - 設定後投影旋轉。
- 投影.反射 X - 反射 x 維度。
- 投影.反射 Y - 反射 y 維度。
- 投影.旋轉 - 設定三軸球形旋轉角度。
- 投影.精度 - 設定自適應採樣的精度閾值。
- 投影.符合範圍 - 設定縮放和平移以符合 GeoJSON 物件。
- 投影.符合大小 - 設定縮放和平移以符合 GeoJSON 物件。
- 投影.符合寬度 - 設定縮放和平移以符合 GeoJSON 物件。
- 投影.符合高度 - 設定縮放和平移以符合 GeoJSON 物件。
原始投影
- project - 將指定的點從球體投影到平面。
- project.invert - 將指定的點從平面反投影到球體。
- d3.geoProjection - 建立自訂投影。
- d3.geoProjectionMutator - 建立自訂可設定投影。
- d3.geoTransform - 定義自訂幾何轉換。
- d3.geoIdentity - 縮放、平移或裁剪平面幾何。
- d3.geoClipAntimeridian - 切割跨越對蹠線的球形幾何。
- d3.geoClipCircle - 將球形幾何裁剪成一個小圓。
- d3.geoClipRectangle - 將平面幾何裁剪成一個矩形視窗。
方位投影
- d3.geoAzimuthalEqualArea - 方位等積投影。
- d3.geoAzimuthalEquidistant - 方位等距投影。
- d3.geoGnomonic - 正軸投影。
- d3.geoOrthographic - 方位正射投影。
- d3.geoStereographic - 方位等角投影。
圓錐投影
- conic.parallels - 設定兩個標準緯線。
- d3.geoConicConformal - 圓錐等角投影。
- d3.geoConicEqualArea - 圓錐等積(艾伯斯)投影。
- d3.geoConicEquidistant - 圓錐等距投影。
- d3.geoAlbers - 艾伯斯等積圓錐投影。
- d3.geoAlbersUsa - 美國的複合艾伯斯投影。
圓柱投影
- d3.geoEquirectangular - 等矩圓柱(卡雷氏)投影。
- d3.geoMercator - 球面墨卡托投影。
- d3.geoTransverseMercator - 橫軸球面墨卡托投影。
- d3.geoEqualEarth - 等積地球投影。
- d3.geoNaturalEarth1 - 等積地球投影法,版本 1。
串流
- d3.geoStream - 將 GeoJSON 物件轉換為幾何串流。
- stream.point - 指出具有指定座標的點。
- stream.lineStart - 指出線或環的開頭。
- stream.lineEnd - 指出線或環的結尾。
- stream.polygonStart - 指出多邊形的開頭。
- stream.polygonEnd - 指出多邊形的結尾。
- stream.sphere - 指出球體。
球形狀
- d3.geoGraticule - 建立經緯網產生器。
- graticule - 產生經線和緯線的多線字串。
- graticule.lines - 產生經線和緯線的線字串陣列。
- graticule.outline - 產生經緯網範圍的多邊形。
- graticule.extent - 取得或設定主要和次要範圍。
- graticule.extentMajor - 取得或設定主要範圍。
- graticule.extentMinor - 取得或設定次要範圍。
- graticule.step - 取得或設定主要和次要步驟間隔。
- graticule.stepMajor - 取得或設定主要步驟間隔。
- graticule.stepMinor - 取得或設定次要步驟間隔。
- graticule.precision - 取得或設定緯度精度。
- d3.geoGraticule10 - 產生預設的 10° 全球經緯網。
- d3.geoCircle - 建立圓形產生器。
- circle - 產生分段圓形作為多邊形。
- circle.center - 指定圓形中心,以經度和緯度表示。
- circle.radius - 指定角度半徑,以度為單位。
- circle.precision - 指定分段圓的精度。
球面數學
- d3.geoArea - 計算給定特徵的球面面積。
- d3.geoBounds - 計算給定特徵的緯度經度邊界框。
- d3.geoCentroid - 計算給定特徵的球面質心。
- d3.geoDistance - 計算兩點之間的大圓距離。
- d3.geoLength - 計算線段的長度或多邊形的周長。
- d3.geoInterpolate - 沿大圓在兩點之間插值。
- d3.geoContains - 測試一個點是否在給定的特徵內。
- d3.geoRotation - 為指定的角度創建旋轉函數。
d3-hierarchy
用於視覺化階層資料的佈局演算法。
- d3.hierarchy - 從階層資料建構根節點。
- node.ancestors - 產生祖先陣列。
- node.descendants - 產生後代陣列。
- node.leaves - 產生葉節點陣列。
- node.find - 在階層中尋找節點。
- node.path - 產生到另一個節點的最短路徑。
- node.links - 產生連結陣列。
- node.sum - 評估並彙總數量值。
- node.count - 計算葉節點的數量。
- node.sort - 對所有後代同層節點排序。
- node[Symbol.iterator] - 在階層中迭代。
- node.each - 廣度優先遍歷。
- node.eachAfter - 後序遍歷。
- node.eachBefore - 前序遍歷。
- node.copy - 複製階層。
- d3.stratify - 建立新的分層運算子。
- stratify - 從表格資料建構根節點。
- stratify.id - 設定節點 ID 存取器。
- stratify.parentId - 設定父節點 ID 存取器。
- stratify.path - 設定路徑存取器。
- d3.cluster - 建立新的叢集(樹狀圖)配置。
- cluster - 在樹狀圖中配置指定的階層。
- cluster.size - 設定配置大小。
- cluster.nodeSize - 設定節點大小。
- cluster.separation - 設定葉節點之間的分隔。
- d3.tree - 建立新的整齊樹狀圖配置。
- tree - 在整齊樹狀圖中配置指定的階層。
- tree.size - 設定配置大小。
- tree.nodeSize - 設定節點大小。
- tree.separation - 設定節點之間的分隔。
- d3.treemap - 建立新的樹狀圖配置。
- treemap - 將指定的階層配置成樹狀圖。
- treemap.tile - 設定平鋪方法。
- treemap.size - 設定配置大小。
- treemap.round - 設定輸出座標是否四捨五入。
- treemap.padding - 設定內距。
- treemap.paddingInner - 設定兄弟節點之間的內距。
- treemap.paddingOuter - 設定父節點與子節點之間的內距。
- treemap.paddingTop - 設定父節點上緣與子節點之間的內距。
- treemap.paddingRight - 設定父節點右緣與子節點之間的內距。
- treemap.paddingBottom - 設定父節點下緣與子節點之間的內距。
- treemap.paddingLeft - 設定父節點左緣與子節點之間的內距。
- d3.treemapBinary - 使用平衡二元樹平鋪。
- d3.treemapDice - 平鋪成水平列。
- d3.treemapSlice - 平鋪成垂直欄。
- d3.treemapSliceDice - 交替使用切片和平鋪。
- d3.treemapSquarify - 使用 Bruls et. al. 的平方列平鋪。
- d3.treemapResquarify - 類似 d3.treemapSquarify,但執行穩定更新。
- squarify.ratio - 設定想要的矩形長寬比。
- d3.partition - 建立新的分割(icicle 或 sunburst)配置。
- partition - 將指定的階層配置成分割圖。
- partition.size - 設定配置大小。
- partition.round - 設定輸出座標是否四捨五入。
- partition.padding - 設定內距。
- d3.pack - 建立新的圓形包裝配置。
- pack - 使用圓形包裝配置指定的階層。
- pack.radius - 設定半徑存取器。
- pack.size - 設定配置大小。
- pack.padding - 設定內距。
- d3.packSiblings - 包裝指定的圓形陣列。
- d3.packEnclose - 包圍指定的圓形陣列。
d3-interpolate
內插數字、顏色、字串、陣列、物件,什麼都可以!
值內插
- d3.interpolate - 內插任意值。
- d3.interpolateNumber - 內插數字。
- d3.interpolateRound - 內插整數。
- d3.interpolateString - 內插包含數字的字串。
- d3.interpolateDate - 內插日期。
- d3.interpolateArray - 內插任意值的陣列。
- d3.interpolateNumberArray - 內插數字陣列。
- d3.interpolateObject - 內插任意物件。
- d3.interpolateBasis - 透過一組值產生 B 樣條。
- d3.interpolateBasisClosed - 透過一組值產生封閉的 B 樣條。
- d3.interpolateDiscrete - 從一組值產生離散內插器。
- d3.quantize - 從內插器產生均勻間隔的樣本。
- d3.piecewise - 從一組值產生分段線性插值器。
顏色插值
- d3.interpolateRgb - 插值 RGB 顏色。
- d3.interpolateRgbBasis - 透過一組顏色產生 B 樣條。
- d3.interpolateRgbBasisClosed - 透過一組顏色產生封閉的 B 樣條。
- d3.interpolateHsl - 插值 HSL 顏色。
- d3.interpolateHslLong - 插值 HSL 顏色,長路。
- d3.interpolateLab - 插值 Lab 顏色。
- d3.interpolateHcl - 插值 HCL 顏色。
- d3.interpolateHclLong - 插值 HCL 顏色,長路。
- d3.interpolateCubehelix - 插值 Cubehelix 顏色。
- d3.interpolateCubehelixLong - 插值 Cubehelix 顏色,長路。
- interpolateColor.gamma - 在插值期間套用伽瑪校正。
- d3.interpolateHue - 插值色相角度。
變換插值
- d3.interpolateTransformCss - 插值 2D CSS 變換。
- d3.interpolateTransformSvg - 插值 2D SVG 變換。
縮放插值
- d3.interpolateZoom - 在兩個檢視之間縮放和平移。
- interpolateZoom.rho - 設定縮放插值器的曲率 rho。
d3-path
將畫布路徑命令序列化為 SVG。
- d3.path - 建立新的路徑序列化器。
- path.moveTo - 移至指定的點。
- path.closePath - 關閉目前的子路徑。
- path.lineTo - 繪製一條直線線段。
- path.quadraticCurveTo - 繪製一條二次貝茲曲線。
- path.bezierCurveTo - 繪製一條三次貝茲曲線。
- path.arcTo - 繪製一條圓弧線段。
- path.arc - 繪製一條圓弧線段。
- path.rect - 繪製一個矩形。
- path.toString - 序列化成 SVG 路徑資料字串。
- d3.pathRound - 建立一個新的路徑序列化器,具有固定的輸出精度。
d3-polygon
針對二維多邊形的幾何運算。
- d3.polygonArea - 計算給定多邊形的面積。
- d3.polygonCentroid - 計算給定多邊形的質心。
- d3.polygonHull - 計算給定點的凸包。
- d3.polygonContains - 測試一個點是否在多邊形內。
- d3.polygonLength - 計算給定多邊形周長的長度。
d3-quadtree
二維遞迴空間細分。
- d3.quadtree - 建立一個新的空 quadtree。
- quadtree.x - 設定 x 存取器。
- quadtree.y - 設定 y 存取器。
- quadtree.extent - 擴充 quadtree 以涵蓋一個範圍。
- quadtree.cover - 擴充 quadtree 以涵蓋一個點。
- quadtree.add - 將資料新增到 quadtree。
- quadtree.addAll - 將資料陣列新增到 quadtree。
- quadtree.remove - 從 quadtree 中移除資料。
- quadtree.removeAll - 從 quadtree 中移除資料陣列。
- quadtree.copy - 建立 quadtree 的副本。
- quadtree.root - 取得 quadtree 的根節點。
- quadtree.data - 從 quadtree 中擷取所有資料。
- quadtree.size - 計算 quadtree 中的資料數量。
- quadtree.find - 快速在 quadtree 中找到最接近的資料。
- quadtree.visit - 選擇性地拜訪 quadtree 中的節點。
- quadtree.visitAfter - 拜訪 quadtree 中的所有節點。
d3-random
從各種分配中產生亂數。
- d3.randomUniform - 從均勻分配中產生。
- d3.randomInt - 從均勻整數分配中產生。
- d3.randomNormal - 從常態分配中產生。
- d3.randomLogNormal - 從對數常態分配中產生。
- d3.randomBates - 從貝茲分配中產生。
- d3.randomIrwinHall - 從歐文-霍爾分配中產生。
- d3.randomExponential - 從指數分配中產生。
- d3.randomPareto - 從帕累托分配中產生。
- d3.randomBernoulli - 從伯努利分配中產生。
- d3.randomGeometric - 從幾何分配中產生。
- d3.randomBinomial - 從二項分配中產生。
- d3.randomGamma - 從伽瑪分配中產生。
- d3.randomBeta - 從貝塔分配中產生。
- d3.randomWeibull - 從威布爾、古姆貝爾或弗雷歇分配中產生。
- d3.randomCauchy - 從柯西分配中產生。
- d3.randomLogistic - 從邏輯分配中產生。
- d3.randomPoisson - 從泊松分配中產生。
- random.source - 設定亂數的來源。
- d3.randomLcg - 一個帶種子的偽亂數產生器。
d3-scale
將抽象資料映射到視覺表示的編碼。
線性比例尺
將連續的定量網域對應到連續的範圍。
- d3.scaleLinear - 建立一個定量線性比例尺。
- linear - 計算對應到給定網域值的範圍值。
- linear.invert - 計算對應到給定範圍值的網域值。
- linear.domain - 設定輸入網域。
- linear.range - 設定輸出範圍。
- linear.rangeRound - 設定輸出範圍並啟用四捨五入。
- linear.clamp - 啟用對網域或範圍的強制。
- linear.unknown - 設定未知輸入的輸出值。
- linear.interpolate - 設定輸出插補器。
- linear.ticks - 從網域計算代表性值。
- linear.tickFormat - 格式化刻度供人類閱讀。
- linear.nice - 將網域延伸到漂亮的整數。
- linear.copy - 建立此比例尺的副本。
- d3.tickFormat - 格式化刻度供人類閱讀。
- d3.scaleIdentity - 建立一個恆等比例尺。
- d3.scaleRadial - 建立一個徑向比例尺。
冪次比例尺
- d3.scalePow - 建立一個定量冪次比例尺。
- d3.scaleSqrt - 建立一個指數為 0.5 的定量冪次比例尺。
- pow.exponent - 設定冪次指數。
對數比例尺
- d3.scaleLog - 建立一個定量對數比例尺。
- log.base - 設定對數底數。
- log.ticks - 從網域計算代表性值。
- log.tickFormat - 格式化刻度供人類閱讀。
- log.nice - 將網域延伸到漂亮的整數。
對稱對數比例
- d3.scaleSymlog - 建立一個對稱對數比例。
- symlog.constant - 設定對稱對數比例的常數。
時間比例
- d3.scaleTime - 建立時間的線性比例。
- time.ticks - 從網域中計算代表性值。
- time.tickFormat - 格式化刻度供人類閱讀。
- time.nice - 延伸網域至漂亮的整數時間。
- d3.scaleUtc - 建立 UTC 的線性比例。
順序比例
將連續、定量的網域對應至連續、固定的內插器。
- d3.scaleSequential - 建立一個順序比例。
- sequential.interpolator - 設定比例的輸出內插器。
- sequential.range - 設定輸出範圍。
- sequential.rangeRound - 設定輸出範圍並啟用四捨五入。
- d3.scaleSequentialLog - 建立對數順序比例。
- d3.scaleSequentialPow - 建立冪次順序比例。
- d3.scaleSequentialSqrt - 建立冪次順序比例,指數為 0.5。
- d3.scaleSequentialSymlog - 建立對稱對數順序比例。
- d3.scaleSequentialQuantile - 使用 p 分位數轉換建立順序比例。
- sequentialQuantile.quantiles - 傳回比例的分位數。
發散比例
將連續、定量的網域對應至連續、固定的內插器。
- d3.scaleDiverging - 建立發散比例。
- diverging.interpolator - 設定比例的輸出內插器。
- diverging.range - 設定輸出範圍。
- diverging.rangeRound - 設定輸出範圍並啟用四捨五入。
- d3.scaleDivergingLog - 建立發散對數比例。
- d3.scaleDivergingPow - 建立發散冪次比例。
- d3.scaleDivergingSqrt - 建立一個指數為 0.5 的發散冪次級距。
- d3.scaleDivergingSymlog - 建立一個發散對稱對數級距。
量化級距
將連續的定量網域對應到離散的範圍。
- d3.scaleQuantize - 建立一個均勻量化的線性級距。
- quantize - 計算對應於給定網域值的範圍值。
- quantize.invertExtent - 計算對應於給定範圍值的網域值。
- quantize.domain - 設定輸入網域。
- quantize.range - 設定輸出範圍。
- quantize.thresholds - 傳回網域內計算出的閾值陣列。
- quantize.copy - 建立此級距的副本。
分位數級距
- d3.scaleQuantile - 建立一個分位數量化的線性級距。
- quantile - 計算對應於給定網域值的範圍值。
- quantile.invertExtent - 計算對應於給定範圍值的網域值。
- quantile.domain - 設定輸入網域。
- quantile.range - 設定輸出範圍。
- quantile.quantiles - 取得分位數閾值。
- quantile.copy - 建立此級距的副本。
閾值級距
- d3.scaleThreshold - 建立一個任意的量化線性級距。
- threshold - 計算對應於給定網域值的範圍值。
- threshold.invertExtent - 計算對應於給定範圍值的網域值。
- threshold.domain - 設定輸入網域。
- threshold.range - 設定輸出範圍。
- threshold.copy - 建立此比例的副本。
序數比例
將離散網域對應到離散範圍。
- d3.scaleOrdinal - 建立序數比例。
- ordinal - 計算對應給定網域值的範圍值。
- ordinal.domain - 設定輸入網域。
- ordinal.range - 設定輸出範圍。
- ordinal.unknown - 設定未知輸入的輸出值。
- ordinal.copy - 建立此比例的副本。
- d3.scaleImplicit - 隱含網域的特殊未知值。
頻帶比例
- d3.scaleBand - 建立序數頻帶比例。
- band - 計算對應給定網域值的頻帶起始點。
- band.domain - 設定輸入網域。
- band.range - 設定輸出範圍。
- band.rangeRound - 設定輸出範圍並啟用四捨五入。
- band.round - 啟用四捨五入。
- band.paddingInner - 設定頻帶之間的內部填充。
- band.paddingOuter - 設定第一個和最後一個頻帶外部的填充。
- band.padding - 設定頻帶外部和之間的填充。
- band.align - 設定頻帶對齊,如果有額外空間。
- band.bandwidth - 取得每個頻帶的寬度。
- band.step - 取得相鄰頻帶起始點之間的距離。
- band.copy - 建立此比例的副本。
點比例
- d3.scalePoint - 建立序數點比例。
- point - 計算對應給定網域值的點。
- point.domain - 設定輸入網域。
- point.range - 設定輸出範圍。
- point.rangeRound - 設定輸出範圍並啟用捨入。
- point.round - 啟用捨入。
- point.padding - 設定第一個和最後一個點外的填充。
- point.align - 設定點對齊,如果有多餘空間。
- point.bandwidth - 傳回零。
- point.step - 取得相鄰點開頭之間的距離。
- point.copy - 建立此比例尺的複本。
d3-scale-chromatic
針對量化、序數和分類比例尺的色彩坡度和調色盤。
分類
- d3.schemeCategory10 - 一個包含十種分類色彩的陣列。
- d3.schemeAccent - 一個包含八種分類色彩的陣列。
- d3.schemeDark2 - 一個包含八種分類色彩的陣列。
- d3.schemeObservable10 - 一個包含十種分類色彩的陣列。
- d3.schemePaired - 一個包含十二種分類色彩的陣列。
- d3.schemePastel1 - 一個包含九種分類色彩的陣列。
- d3.schemePastel2 - 一個包含八種分類色彩的陣列。
- d3.schemeSet1 - 一個包含九種分類色彩的陣列。
- d3.schemeSet2 - 一個包含八種分類色彩的陣列。
- d3.schemeSet3 - 一個包含十二種分類色彩的陣列。
- d3.schemeTableau10 - 一個包含十種分類色彩的陣列。
循環
- d3.interpolateRainbow - 「較不刺眼」的彩虹
- d3.interpolateSinebow - 「正弦弓」平滑彩虹
發散
- d3.interpolateBrBG - ColorBrewer BrBG 插值器。
- d3.interpolatePiYG - ColorBrewer PiYG 插值器。
- d3.interpolatePRGn - ColorBrewer PRGn 插值器。
- d3.interpolatePuOr - ColorBrewer PuOr 插值器。
- d3.interpolateRdBu - ColorBrewer RdBu 插值器。
- d3.interpolateRdGy - ColorBrewer RdGy 插值器。
- d3.interpolateRdYlBu - ColorBrewer RdYlBu 插值器。
- d3.interpolateRdYlGn - ColorBrewer RdYlGn 插值器。
- d3.interpolateSpectral - ColorBrewer 光譜插值器。
- d3.schemeBrBG - ColorBrewer BrBG 佈景。
- d3.schemePiYG - ColorBrewer PiYG 佈景。
- d3.schemePRGn - ColorBrewer PRGn 佈景。
- d3.schemePuOr - ColorBrewer PuOr 佈景。
- d3.schemeRdBu - ColorBrewer RdBu 佈景。
- d3.schemeRdGy - ColorBrewer RdGy 佈景。
- d3.schemeRdYlBu - ColorBrewer RdYlBu 佈景。
- d3.schemeRdYlGn - ColorBrewer RdYlGn 佈景。
- d3.schemeSpectral - ColorBrewer 光譜佈景。
順序
- d3.interpolateBlues -
- d3.interpolateGreens -
- d3.interpolateGreys -
- d3.interpolateOranges -
- d3.interpolatePurples -
- d3.interpolateReds -
- d3.schemeBlues -
- d3.schemeGreens -
- d3.schemeGreys -
- d3.schemeOranges -
- d3.schemePurples -
- d3.schemeReds -
- d3.interpolateBuGn - ColorBrewer BuGn 插值器。
- d3.interpolateBuPu - ColorBrewer BuPu 插值器。
- d3.interpolateCividis - cividis 插值器。
- d3.interpolateCool - cool 插值器。
- d3.interpolateCubehelixDefault - cubehelix 插值器。
- d3.interpolateGnBu - ColorBrewer GnBu 插值器。
- d3.interpolateInferno - inferno 插值器。
- d3.interpolateMagma - magma 插值器。
- d3.interpolateOrRd - ColorBrewer OrRd 插值器。
- d3.interpolatePlasma - plasma 插值器。
- d3.interpolatePuBu - ColorBrewer PuBu 插值器。
- d3.interpolatePuBuGn - ColorBrewer PuBuGn 插值器。
- d3.interpolatePuRd - ColorBrewer PuRd 插值器。
- d3.interpolateRdPu - ColorBrewer RdPu 插值器。
- d3.interpolateTurbo - turbo 插值器。
- d3.interpolateViridis - viridis 插值器。
- d3.interpolateWarm - warm 插值器。
- d3.interpolateYlGn - ColorBrewer YlGn 插值器。
- d3.interpolateYlGnBu - ColorBrewer YlGnBu 插值器。
- d3.interpolateYlOrBr - ColorBrewer YlOrBr 插值器。
- d3.interpolateYlOrRd - ColorBrewer YlOrRd 插值器。
- d3.schemeBuGn - ColorBrewer BuGn 配色方案。
- d3.schemeBuPu - ColorBrewer BuPu 配色方案。
- d3.schemeGnBu - ColorBrewer GnBu 配色方案。
- d3.schemeOrRd - ColorBrewer OrRd 配色方案。
- d3.schemePuBu - ColorBrewer PuBu 配色方案。
- d3.schemePuBuGn - ColorBrewer PuBuGn 配色方案。
- d3.schemePuRd - ColorBrewer PuRd 配色方案。
- d3.schemeRdPu - ColorBrewer RdPu 配色方案。
- d3.schemeYlGn - ColorBrewer YlGn 配色方案。
- d3.schemeYlGnBu - ColorBrewer YlGnBu 配色方案。
- d3.schemeYlOrBr - ColorBrewer YlOrBr 配色方案。
- d3.schemeYlOrRd - ColorBrewer YlOrRd 配色方案。
d3-selection
透過選取元素並加入資料來轉換 DOM。
選取元素
- d3.selection - 選擇根文件元素。
- d3.select - 從文件中選擇一個元素。
- d3.selectAll - 從文件中選擇多個元素。
- selection.select - 為每個選取的元素選擇一個後代元素。
- selection.selectAll - 為每個選取的元素選擇多個後代元素。
- selection.filter - 基於資料篩選元素。
- selection.merge - 將此選取與另一個選取合併。
- selection.selectChild - 為每個選取的元素選擇一個子元素。
- selection.selectChildren - 為每個選取的元素選擇子元素。
- selection.selection - 傳回選取。
- d3.matcher - 測試元素是否符合選擇器。
- d3.selector - 選擇一個元素。
- d3.selectorAll - 選擇元素。
- d3.window - 取得節點的所有者視窗。
- d3.style - 取得節點目前的樣式值。
修改元素
- selection.attr - 取得或設定屬性。
- selection.classed - 取得、新增或移除 CSS 類別。
- selection.style - 取得或設定樣式屬性。
- selection.property - 取得或設定(原始)屬性。
- selection.text - 取得或設定文字內容。
- selection.html - 取得或設定內部 HTML。
- selection.append - 建立、新增並選擇新元素。
- selection.insert - 建立、插入並選擇新元素。
- selection.remove - 從文件中移除元素。
- selection.clone - 插入選取元素的複製。
- selection.sort - 基於資料對文件中的元素進行排序。
- selection.order - 重新排列文件中的元素以符合選取。
- selection.raise - 重新排列每個元素為其父元素的最後一個子元素。
- selection.lower - 重新排序每個元素作為其父元素的第一個子元素。
- d3.create - 建立並選取一個分離的元素。
- d3.creator - 根據名稱建立一個元素。
加入資料
- selection.data - 將元素繫結到資料。
- selection.join - 根據資料輸入、更新或移除元素。
- selection.enter - 取得輸入選取(資料遺失的元素)。
- selection.exit - 取得移除選取(資料遺失的元素)。
- selection.datum - 取得或設定元素資料(不加入)。
處理事件
- selection.on - 新增或移除事件監聽器。
- selection.dispatch - 派發自訂事件。
- d3.pointer - 取得事件指標的位置。
- d3.pointers - 取得事件指標的位置。
控制流程
- selection.each - 為每個元素呼叫函式。
- selection.call - 使用此選取呼叫函式。
- selection.empty - 如果此選取為空,則傳回 true。
- selection.nodes - 傳回所有選取元素的陣列。
- selection.node - 傳回第一個(非 null)元素。
- selection.size - 傳回元素的計數。
- selection[Symbol.iterator] - 迭代選取的節點。
局部變數
- d3.local - 宣告新的區域變數。
- local.set - 設定區域變數的值。
- local.get - 取得區域變數的值。
- local.remove - 刪除區域變數。
- local.toString - 取得區域變數的屬性識別碼。
命名空間
- d3.namespace - 限定 XML 名稱的前置詞,例如「xlink:href」。
- d3.namespaces - 內建的 XML 命名空間。
d3-shape
用於視覺化的圖形基本元素。
圓弧
圓形或環形扇形,例如在圓餅圖或甜甜圈圖中。
- d3.arc - 建立新的圓弧產生器。
- arc - 針對給定的資料產生圓弧。
- arc.centroid - 計算圓弧的中點。
- arc.innerRadius - 設定內半徑。
- arc.outerRadius - 設定外半徑。
- arc.cornerRadius - 設定圓角半徑,以產生圓角。
- arc.startAngle - 設定起始角度。
- arc.endAngle - 設定結束角度。
- arc.padAngle - 設定相鄰圓弧之間的角度,以產生間隔圓弧。
- arc.padRadius - 設定將間隔線性化的半徑。
- arc.context - 設定繪製環境。
- arc.digits - 設定輸出精度。
圓餅
計算將表格資料集表示為圓餅圖或甜甜圈圖所需的角度。
- d3.pie - 建立新的圓餅產生器。
- pie - 計算給定資料集的圓弧角度。
- pie.value - 設定值存取器。
- pie.sort - 設定排序順序比較器。
- pie.sortValues - 設定排序順序比較器。
- pie.startAngle - 設定整體起始角度。
- pie.endAngle - 設定整體結束角度。
- pie.padAngle - 設定相鄰弧形之間的間隔角度。
線條
樣條或折線,例如線形圖表。
- d3.line - 建立新的線條產生器。
- line - 為給定的資料集產生線條。
- line.x - 設定 x 存取器。
- line.y - 設定 y 存取器。
- line.defined - 設定已定義存取器。
- line.curve - 設定曲線內插器。
- line.context - 設定渲染內容。
- line.digits - 設定輸出精度。
- d3.lineRadial - 建立新的徑向線條產生器。
- lineRadial - 為給定的資料集產生線條。
- lineRadial.angle - 設定角度存取器。
- lineRadial.radius - 設定半徑存取器。
- lineRadial.defined - 設定已定義存取器。
- lineRadial.curve - 設定曲線內插器。
- lineRadial.context - 設定渲染內容。
面積
由上界線和下界線定義的面積,例如面積圖表。
- d3.area - 建立新的面積產生器。
- area - 為給定的資料集產生面積。
- area.x - 設定 x0 和 x1 存取器。
- area.x0 - 設定基準線 x 擷取器。
- area.x1 - 設定頂線 x 擷取器。
- area.y - 設定 y0 和 y1 擷取器。
- area.y0 - 設定基準線 y 擷取器。
- area.y1 - 設定頂線 y 擷取器。
- area.defined - 設定已定義擷取器。
- area.curve - 設定曲線內插器。
- area.context - 設定繪製內容。
- area.digits - 設定輸出精度。
- area.lineX0 - 導出區域左邊緣的線條。
- area.lineY0 - 導出區域頂邊緣的線條。
- area.lineX1 - 導出區域右邊緣的線條。
- area.lineY1 - 導出區域底邊緣的線條。
- d3.areaRadial - 建立新的徑向區域產生器。
- areaRadial - 為給定的資料集產生區域。
- areaRadial.angle - 設定起始和結束角度擷取器。
- areaRadial.startAngle - 設定起始角度擷取器。
- areaRadial.endAngle - 設定結束角度擷取器。
- areaRadial.radius - 設定內部和外部半徑擷取器。
- areaRadial.innerRadius - 設定內部半徑擷取器。
- areaRadial.outerRadius - 設定外部半徑擷取器。
- areaRadial.defined - 設定已定義擷取器。
- areaRadial.curve - 設定曲線內插器。
- areaRadial.context - 設定繪製內容。
- areaRadial.lineStartAngle - 導出區域起始邊緣的線條。
- areaRadial.lineInnerRadius - 導出區域內部邊緣的線條。
- areaRadial.lineEndAngle - 導出一個區域末端的線條。
- areaRadial.lineOuterRadius - 導出一個區域外緣的線條。
曲線
在點之間內插以產生連續的形狀。
- d3.curveBasis - 一個重複端點的立方基礎樣條。
- d3.curveBasisClosed - 一個封閉的立方基礎樣條。
- d3.curveBasisOpen - 一個立方基礎樣條。
- d3.curveBundle - 一個拉直的立方基礎樣條。
- bundle.beta - 設定束縛張力 beta。
- d3.curveBumpX - 一個具有水平切線的立方貝茲樣條。
- d3.curveBumpY - 一個具有垂直切線的立方貝茲樣條。
- d3.curveCardinal - 一個立方基數樣條,在每個末端具有單邊差異。
- d3.curveCardinalClosed - 一個封閉的立方基數樣條。
- d3.curveCardinalOpen - 一個立方基數樣條。
- cardinal.tension - 設定基數樣條張力。
- d3.curveCatmullRom - 一個立方卡特姆羅姆樣條,在每個末端具有單邊差異。
- d3.curveCatmullRomClosed - 一個封閉的立方卡特姆羅姆樣條。
- d3.curveCatmullRomOpen - 一個立方卡特姆羅姆樣條。
- catmullRom.alpha - 設定卡特姆羅姆參數 alpha。
- d3.curveLinear - 一條折線。
- d3.curveLinearClosed - 一條封閉的折線。
- d3.curveMonotoneX - 一個立方樣條,給定 x 的單調性,在 y 中保留它。
- d3.curveMonotoneY - 一個立方樣條,給定 y 的單調性,在 x 中保留它。
- d3.curveNatural - 一個自然立方樣條。
- d3.curveStep - 一個分段常數函數。
- d3.curveStepAfter - 一個分段常數函數。
- d3.curveStepBefore - 一個分段常數函數。
- curve.areaStart - 開始一個新的區域區段。
- curve.areaEnd - 結束目前的區域區段。
- curve.lineStart - 開始新的線段。
- curve.lineEnd - 結束目前的線段。
- curve.point - 將點加入目前的線段。
連結
從來源到目標的平滑三次貝茲曲線。
- d3.link - 建立新的連結產生器。
- d3.linkVertical - 建立新的垂直連結產生器。
- d3.linkHorizontal - 建立新的水平連結產生器。
- link - 產生連結。
- link.source - 設定來源存取器。
- link.target - 設定目標存取器。
- link.x - 設定點 x 存取器。
- link.y - 設定點 y 存取器。
- link.context - 設定呈現情境。
- link.digits - 設定輸出精度。
- d3.linkRadial - 建立新的徑向連結產生器。
- linkRadial.angle - 設定點 angle 存取器。
- linkRadial.radius - 設定點 radius 存取器。
符號
分類形狀編碼,例如在散佈圖中。
- d3.symbol - 建立新的符號產生器。
- symbol - 為給定的資料產生符號。
- symbol.type - 設定符號類型。
- symbol.size - 設定符號大小,單位為平方像素。
- symbol.context - 設定呈現情境。
- symbol.digits - 設定輸出精度。
- d3.symbolsFill - 內建符號類型的陣列,用於填滿。
- d3.symbolsStroke - 內建符號類型的陣列,用於描邊。
- d3.symbolAsterisk - 星號;用於描邊。
- d3.symbolCircle - 圓形;用於填滿或描邊。
- d3.symbolCross - 等長手臂的希臘十字;用於填滿。
- d3.symbolDiamond - 菱形;用於填滿。
- d3.symbolDiamond2 - 旋轉的正方形;用於描邊。
- d3.symbolPlus - 加號;用於描邊。
- d3.symbolSquare - 正方形;用於填滿。
- d3.symbolSquare2 - 正方形;用於描邊。
- d3.symbolStar - 五角星(五角形);用於填滿。
- d3.symbolTriangle - 向上的三角形;用於填滿。
- d3.symbolTriangle2 - 向上的三角形;用於描邊。
- d3.symbolWye - Y 形;用於填滿。
- d3.pointRadial - 給定角度和半徑,點的相對座標。
- symbolType.draw - 將此符號繪製到給定的內容。
堆疊
堆疊形狀,將一個形狀放在另一個形狀旁邊,就像堆疊長條圖一樣。
- d3.stack - 建立新的堆疊產生器。
- stack - 為給定的資料集產生堆疊。
- stack.keys - 設定鍵存取器。
- stack.value - 設定值存取器。
- stack.order - 設定順序存取器。
- stack.offset - 設定偏移存取器。
- d3.stackOrderAppearance - 將最早的系列放在最下方。
- d3.stackOrderAscending - 將最小的系列放在最下方。
- d3.stackOrderDescending - 將最大的系列放在最下方。
- d3.stackOrderInsideOut - 將較早的系列放在中間。
- d3.stackOrderNone - 使用給定的系列順序。
- d3.stackOrderReverse - 使用給定系列順序的相反順序。
- d3.stackOffsetExpand - 將基準線標準化為零,頂線標準化為一。
- d3.stackOffsetDiverging - 正數在零上方;負數在零下方。
- d3.stackOffsetNone - 應用零基準線。
- d3.stackOffsetSilhouette - 將流形圖中心化在零附近。
- d3.stackOffsetWiggle - 最小化流形圖的擺動。
d3-time
人類奇特的時間約定計算器。
- d3.timeInterval - 實作新的自訂時間區間。
- interval - interval.floor 的別名。
- interval.floor - 向下取整到最近的邊界。
- interval.round - 向最近的邊界取整。
- interval.ceil - 向上取整到最近的邊界。
- interval.offset - 依據一些區間數來偏移日期。
- interval.range - 在區間邊界產生日期範圍。
- interval.filter - 建立此區間的篩選子集。
- interval.every - 建立此區間的篩選子集。
- interval.count - 計算兩個日期之間的區間邊界。
- d3.timeMillisecond - 毫秒區間,當地時間。
- d3.timeSecond - 秒區間,當地時間。
- d3.timeMinute - 分鐘區間,當地時間。
- d3.timeHour - 小時區間,當地時間。
- d3.timeDay - 天區間,當地時間。
- d3.timeWeek - 以星期日為基礎的週區間,當地時間。
- d3.timeSunday - 以星期日為基礎的週區間,當地時間。
- d3.timeMonday - 以星期一為基礎的週區間,當地時間。
- d3.timeTuesday - 以星期二為基礎的週區間,當地時間。
- d3.timeWednesday - 以星期三為基礎的週區間,當地時間。
- d3.timeThursday - 以星期四為基礎的週區間,當地時間。
- d3.timeFriday - 以星期五為基礎的週區間,當地時間。
- d3.timeSaturday - 以星期六為基礎的週區間,當地時間。
- d3.timeMonth - 月區間,當地時間。
- d3.timeYear - 年區間,當地時間。
- d3.utcMillisecond - 毫秒區間,UTC 時間。
- d3.utcSecond - UTC 時間的秒間隔。
- d3.utcMinute - UTC 時間的分鐘間隔。
- d3.utcHour - UTC 時間的小時間隔。
- d3.utcDay - UTC 時間的日間隔。
- d3.utcWeek - UTC 時間的星期間隔,以星期日為基準。
- d3.utcSunday - UTC 時間的星期間隔,以星期日為基準。
- d3.utcMonday - UTC 時間的星期間隔,以星期一為基準。
- d3.utcTuesday - UTC 時間的星期間隔,以星期二為基準。
- d3.utcWednesday - UTC 時間的星期間隔,以星期三為基準。
- d3.utcThursday - UTC 時間的星期間隔,以星期四為基準。
- d3.utcFriday - UTC 時間的星期間隔,以星期五為基準。
- d3.utcSaturday - UTC 時間的星期間隔,以星期六為基準。
- d3.utcMonth - UTC 時間的月間隔。
- d3.utcYear - UTC 時間的年間隔。
- d3.unixDay - UTC 時間的日間隔,與月份無關。
- d3.timeMilliseconds - d3.timeMillisecond.range 的別名。
- d3.timeSeconds - d3.timeSecond.range 的別名。
- d3.timeMinutes - d3.timeMinute.range 的別名。
- d3.timeHours - d3.timeHour.range 的別名。
- d3.timeDays - d3.timeDay.range 的別名。
- d3.timeWeeks - d3.timeWeek.range 的別名。
- d3.timeSundays - d3.timeSunday.range 的別名。
- d3.timeMondays - d3.timeMonday.range 的別名。
- d3.timeTuesdays - d3.timeTuesday.range 的別名。
- d3.timeWednesdays - d3.timeWednesday.range 的別名。
- d3.timeThursdays - d3.timeThursday.range 的別名。
- d3.timeFridays - d3.timeFriday.range 的別名。
- d3.timeSaturdays - d3.timeSaturday.range 的別名。
- d3.timeMonths - d3.timeMonth.range 的別名。
- d3.timeYears - d3.timeYear.range 的別名。
- d3.utcMilliseconds - d3.utcMillisecond.range 的別名。
- d3.utcSeconds - d3.utcSecond.range 的別名。
- d3.utcMinutes - d3.utcMinute.range 的別名。
- d3.utcHours - d3.utcHour.range 的別名。
- d3.utcDays - d3.utcDay.range 的別名。
- d3.utcWeeks - d3.utcWeek.range 的別名。
- d3.utcSundays - d3.utcSunday.range 的別名。
- d3.utcMondays - d3.utcMonday.range 的別名。
- d3.utcTuesdays - d3.utcTuesday.range 的別名。
- d3.utcWednesdays - d3.utcWednesday.range 的別名。
- d3.utcThursdays - d3.utcThursday.range 的別名。
- d3.utcFridays - d3.utcFriday.range 的別名。
- d3.utcSaturdays - d3.utcSaturday.range 的別名。
- d3.utcMonths - d3.utcMonth.range 的別名。
- d3.utcYears - d3.utcYear.range 的別名。
- d3.unixDays - d3.unixDay.range 的別名。
- d3.timeTicks - 從時間區間產生代表性值。
- d3.utcTicks - 從時間區間產生代表性值。
- d3.timeTickInterval - 從時間區間產生代表性值。
- d3.utcTickInterval - 從時間區間產生代表性值。
d3-time-format
解析和格式化時間,靈感來自 strptime 和 strftime。
- d3.timeFormat - 預設地區設定的 locale.format 別名。
- d3.timeParse - 預設地區設定的 locale.parse 別名。
- d3.utcFormat - 預設地區設定的 locale.utcFormat 別名。
- d3.utcParse - 預設地區設定的 locale.utcParse 別名。
- d3.isoFormat - ISO 8601 UTC 格式化器。
- d3.isoParse - ISO 8601 UTC 解析器。
- locale.format - 建立時間格式化器。
- locale.parse - 建立時間解析器。
- locale.utcFormat - 建立 UTC 格式化器。
- locale.utcParse - 建立 UTC 解析器。
- d3.timeFormatLocale - 定義自訂地區設定。
- d3.timeFormatDefaultLocale - 定義預設地區設定。
d3-timer
管理數千個並行動畫的高效佇列。
- d3.now - 取得目前的高解析度時間。
- d3.timer - 排程新的計時器。
- timer.restart - 重設計時器的開始時間和回呼。
- timer.stop - 停止計時器。
- d3.timerFlush - 立即執行任何符合條件的計時器。
- d3.timeout - 排程在第一次回呼時停止的計時器。
- d3.interval - 排程以可設定週期呼叫的計時器。
d3-transition
用於 選取 的動畫轉場。
- selection.transition - 為選取的元素排程轉場。
- selection.interrupt - 中斷並取消選取元素上的轉場。
- d3.interrupt - 中斷給定節點的活動轉場。
- d3.transition - 在根文件元素上安排轉場。
- transition.select - 在選取元素上安排轉場。
- transition.selectAll - 在選取元素上安排轉場。
- transition.selectChild - 為每個選取元素選取子元素。
- transition.selectChildren - 為每個選取元素選取子元素。
- transition.selection - 為此轉場傳回選取。
- transition.filter - 根據資料篩選元素。
- transition.merge - 將此轉場與另一個轉場合併。
- transition.transition - 安排一個新的轉場,在這個轉場之後。
- d3.active - 選取給定節點的活動轉場。
- transition.attr - 使用預設內插器在給定屬性之間進行補間。
- transition.attrTween - 使用自訂內插器在給定屬性之間進行補間。
- transition.style - 使用預設內插器在給定樣式屬性之間進行補間。
- transition.styleTween - 使用自訂內插器在給定樣式屬性之間進行補間。
- transition.text - 在轉場開始時設定文字內容。
- transition.textTween - 使用自訂內插器在文字之間進行補間。
- transition.remove - 在轉場結束時移除選取元素。
- transition.tween - 在轉場期間執行自訂程式碼。
- transition.delay - 指定每個元素的延遲時間(毫秒)。
- transition.duration - 指定每個元素的持續時間(毫秒)。
- transition.ease - 指定緩衝函數。
- transition.easeVarying - 指定緩衝函數工廠。
- transition.end - 當轉場結束時解析的承諾。
- transition.on - 等待轉場結束。
- transition.each - 為每個元素呼叫函式。
- transition.call - 使用此轉場呼叫函式。
- transition.empty - 如果此轉場是空的,則傳回 true。
- transition.nodes - 傳回所有選取元素的陣列。
- transition.node - 傳回第一個 (非 null) 元素。
- transition.size - 傳回元素的數量。
d3-zoom
使用滑鼠或觸控輸入平移和縮放 SVG、HTML 或畫布。
- d3.zoom - 建立縮放行為。
- zoom - 將縮放行為套用至選取的元素。
- zoom.transform - 變更選取元素的轉換。
- zoom.translateBy - 平移選取元素的轉換。
- zoom.translateTo - 平移選取元素的轉換。
- zoom.scaleBy - 縮放選取元素的轉換。
- zoom.scaleTo - 縮放選取元素的轉換。
- zoom.constrain - 覆寫轉換限制邏輯。
- zoom.filter - 控制哪些輸入事件啟動縮放。
- zoom.touchable - 設定觸控支援偵測器。
- zoom.wheelDelta - 覆寫滾輪事件的縮放。
- zoom.extent - 設定視窗範圍。
- zoom.scaleExtent - 設定允許的縮放範圍。
- zoom.translateExtent - 設定可縮放世界的範圍。
- zoom.clickDistance - 設定按一下距離閾值。
- zoom.tapDistance - 設定輕觸距離閾值。
- zoom.duration - 設定縮放轉場的持續時間。
- zoom.interpolate - 控制縮放轉場的內插。
- zoom.on - 聆聽縮放事件。
- d3.zoomTransform - 取得給定元素的縮放變換。
- 變換.scale - 將變換縮放指定的量。
- 變換.translate - 將變換平移指定的量。
- 變換.apply - 將變換套用至給定的點。
- 變換.applyX - 將變換套用至給定的 x 座標。
- 變換.applyY - 將變換套用至給定的 y 座標。
- 變換.invert - 將變換取消套用至給定的點。
- 變換.invertX - 將變換取消套用至給定的 x 座標。
- 變換.invertY - 將變換取消套用至給定的 y 座標。
- 變換.rescaleX - 將變換套用至 x 比例尺的網域。
- 變換.rescaleY - 將變換套用至 y 比例尺的網域。
- 變換.toString - 將變換格式化為 SVG 變換字串。
- d3.zoomIdentity - 恆等變換。