JavaScript Visual Chart Library D3.JS API中国語リファレンス

著者：Eve Cole 更新時間：2025-05-16 15:16:01

D3ライブラリが提供するすべてのAPIは、D3ネームスペースにあります。 D3ライブラリはセマンティックバージョンを使用します。 d3.versionを使用して、現在のバージョン情報を表示できます。

D3（コアパーツ）

選択セット

D3.Select-現在のドキュメントから一連の要素を選択します。
D3.Selectall-現在のドキュメントから複数の要素を選択します。
selection.attr-指定された属性を設定または取得します。
selection.classed-選択した要素のCSSクラス（CSSクラス）を追加または削除します。
Selection.Style- CSSプロパティを設定または削除します。スタイルの優先順位はattrよりも高くなっています。
Selection.Property-ネイティブプロパティ値（RAWプロパティ）を設定または取得します。
selection.text-選択した要素のラベルテキストコンテンツを設定または取得します。
selection.html-選択した要素のHTMLコンテンツを設定または取得する（innerhtmlに類似）
selection.append-選択した要素に新しい要素を作成および追加した後。
selection.insert-選択した要素の前に新しい要素を作成して追加します。
selection.Remove-選択した要素を現在のドキュメントオブジェクトから削除します。
selection.data-リレーショナル結合を計算しながら、要素のグループのデータを取得または設定します。
selection.enter-欠落している要素のプレースホルダーを返し、選択した要素セットよりも多いバインドされたデータの一部を指します。
selection.exit-冗長要素の要素セットを返します。つまり、要素内の結合データ以上のものを選択します。（例1、例2、例3データ、入力、終了原則に関する）
selection.datum-関連付けられていない個々の要素のデータを設定または取得します。（結合を計算せずに、個々の要素のデータを取得または設定します。）
selection.filter-バウンドデータに基づいて選択セットをフィルターします。
selection.sort-バウンドデータに従って選択した要素を並べ替えます。
selection.order-選択セットに一致するように、ドキュメント内の要素を再注文します。
selection.on-イベントリスナーを追加または削除します。
selection.transition-遷移効果（遷移オブジェクトに戻る）を開始します。これはアニメーションとして理解できます。
selection.interrupt-すべてのアニメーションアクションをすぐに停止します。
selection.eack-選択した各要素セットの指定された関数を呼び出します。
selection.call-現在選択されている要素セットの指定された関数を呼び出します。
selection.Empty-選択セットが空であるかどうかをテストします。
selection.node-選択セットの最初の要素を返します。
selection.size-選択セットの要素の数を返します。
selection.select-選択した要素の最初の子要素を選択して、新しい選択セットを形成します。
selection.selectall-選択した要素で複数の子要素を選択して、新しい選択セットを形成します。
D3.Selection-選択セットオブジェクトプロトタイプ（ d3.selection.prototypeを介して選択セットで強化できます）。
D3.Event -現在のインタラクションのユーザーイベントを取得します。
D3.マウス - 特定の要素に対するマウスの座標を取得します。
D3.Touches-特定の要素に対するタッチポイントの座標を取得します。

遷移効果

d3.transition-アニメーショントランジションを開始します。簡単なチュートリアル
Transition.Delay-各要素遷移の遅延時間（ミリ秒MS）を指定します。
Transition.Duration-ミリ秒MSでの各要素の遷移の持続時間を指定します。
Transition.Ease-遷移のバッファ関数を指定します。
transition.attr-新しい属性値へのスムーズに遷移します（開始属性値は現在の属性です）。
transition.attrtween-異なる属性値間のスムーズな遷移（開始属性値は遷移関数で設定でき、遷移関数全体をカスタマイズできます）。
Transition.Style-新しいスタイルのプロパティ値へのスムーズな移行。
transition.styletween-異なるスタイル属性値間のスムーズな遷移。
Transition.Text-トランジションの開始時にテキストコンテンツを設定します。
Transition.The-The-Trusition属性は、テキストなどの非ATTRまたは非スタイルの属性にすることができます。
Transition.Select-遷移のために、各電流要素の子要素を選択します。
Transition.Selectall-遷移のために、各電流要素の複数の子要素を選択します。
Transition.Filter-遷移のためのデータを介して、現在の要素のいくつかの要素を除外します。
Transition.Transition-現在の移行が終わった後、新しい遷移を開始します。
Transition.Remove-トランジションが終了した後、現在の要素を削除します。
Transition.Empty-トランジションが空の場合はtrueを返します。現在の要素に非ヌル要素がない場合、この遷移は空です。
Transition.Node-トランジションの最初の要素を返します。
transition.size-トランジション内の現在の要素の数を返します。
transition.eact-各要素を通過して操作を実行します。トリガータイプが指定されていない場合、アクションはすぐに実行されます。トリガータイプが「開始」または「終了」として指定されている場合、遷移の開始または終了時にアクションが実行されます。
transition.call-このための現在の遷移で関数を実行します。
D3.EASE-トランジションバッファリング機能をカスタマイズします。
容易さ - バッファ機能。バッファ機能は、弾性オブジェクトの動きをシミュレートするために使用できる弾性バッファー関数など、アニメーションをより自然にすることができます。補間関数の特殊なケースです。
D3.Timer-カスタムアニメーションのタイミングを開始します。この関数はSettimeOutに似ていますが、requestAnimationFrameで内部的に実装されています。これはより効率的です。
d3.timer.flush-すぐに遅滞なく現在の時間を実行します。スプラッシュ画面の問題に対処するために使用できます。
d3.interpolate- 2つのパラメーター間を補間する補間関数を生成します。差分関数のタイプは、入力パラメーターのタイプ（数、文字列、色など）に従って自動的に選択されます。
補間 - 補間機能。入力パラメーターは[0、1]の間です。
d3.interpolatenumber- 2つの数値を補間します。
D3.INTERPOLATEROUND- 2つの数値を補間すると、返品値が丸くなります。
d3.interpolatestring- 2つの文字列間の補間。文字列内の数値を解析すると、対応する数値が補間されます。
D3.INTERPOLATERGB -2つのRGB色を補間します。
d3.interporedhsl- 2つのHSL色を補間します。
D3.INTERPOLATELAB -2つのL*a*b*色の間で補間します。
D3.INTERPORETEHCL- 2つのHCl色を補間します。
d3.interpolatearray- 2つのシーケンス間の補間。 d3.interpolatearray（[0、1]、[1、10、100]）（0.5）; // [0.5、5.5、100]を返します
d3.InterpolateObject- 2つのオブジェクト間の補間。 d3.interpolatearray（{x：0、y：1}、{x：1、y：10、z：100}）（0.5）; // {x：0.5、y：5.5、z：100}を返します
D3.INTERPOLATETRANSFORM- 2つの2Dアフィン変換間を補間します。
D3.INTERPOREATEZOOM- 2つのポイント間の翻訳をスムーズにスケーリングします。例
d3.interpolators-カスタム補間関数を追加します。

配列の使用

d3.Assand-昇順ソート関数。
d3.descending-降順ソート関数。
d3.min-配列の最小値を取得します。
D3.max-配列の最大値を取得します。
D3.Extent-配列の範囲（最小値と最大値）を取得します。
d3.sum-配列内の数値の合計を取得します。
d3.mean-配列内の数値の算術平均を取得します。
d3.median-配列内の数字の中央値数を取得します（0.5 quantileの値に相当）。
d3.quantile-ソート付き配列の分位を取得します。
d3.bisect-二分法（d3.bisectrightと同じ）を介して、ソートされた配列に特定の数値の挿入位置を取得します。
d3.bisectright-ソートされた配列に数字の挿入位置を取得します（等しい値は右に分類されます）。
D3.BiseCtLeft-ソートされた配列に数字の挿入位置を取得します（等しい値は左に分類されます）。
D3.Bisector-バイナリ関数をカスタマイズします。
D3.シャッフル - シャッフル、アレイに要素をランダムに配置します。
d3.permute-指定された順序で配列の要素を配置します。
d3.zip-複数の数値を配列に結合する配列。新しい配列のi番目の要素は、各配列のi番目の要素で構成される配列です。
D3.Transpose -Matrix Transpose、d3.zipを介して実装。
d3.pairs-隣接する要素ペアの配列、d3.pairs（[1、2、3、4]）; // [[1、2]、[2、3]、[3、4]]を返します。
d3.keys-連想配列のキー（ハッシュテーブル、JSON、オブジェクトオブジェクト）で構成されるアレイを返します。
d3.Values-連想配列の値で構成される配列を返します。
d3.entries-連想配列のキー価値エンティティで構成されるアレイを返します、d3.entries（{foo：42}）; // [{key： "foo"、value：42}]を返します。
d3.merge-コンカットのネイティブメソッドと同様に、複数の配列を1つに連結します。 d3.merge（[[1]、[2、3]]）; //戻る[1、2、3]。
d3.range-シーケンスを取得します。 d3.range（[start、] stop [、step]）
d3.nest-配列を階層に編成する巣のオブジェクトを取得します。例：http：//bl.ocks.org/phoebebright/raw/3176159/
nest.key-ネスト階層に階層を追加します。
nest.sortkeys-キーで現在のネスト階層を並べ替えます。
nest.sortvalues-値で葉の巣の階層を並べ替えます。
nest.rollup-リーフノードの値を変更する関数を設定します。
nest.map-ネスト操作を実行し、連想配列（JSON）を返します。
nest.entries-ネスト操作を実行し、キー値配列を返します。 nest.mapによって返された結果が{foo：42}に似ている場合、nest.entriesによって返される結果は[{key： "foo"、value：42}]に似ています。
d3.map- javascriptのオブジェクトをハッシュに変換し、オブジェクトのプロトタイプチェーン機能によるハッシュとの矛盾の問題をブロックします。
map.has-特定のキーがある場合、マップはtrueを返します。
Map.get-マップ内のキーに対応する値を返します。
map.set-マップ内のキーに対応する値を設定します。
Map.Remove-マップ内のキーを削除します。
map.keys-マップ内のすべてのキーの配列を返します。
map.values-マップ内のすべての値の配列を返します。
Map.Entries-マップ内のすべてのエントリ（キー値キー値ペア）の配列を返します。 {foo：42}と同様に[{key： "foo"、value：42}に変換
map.foreach-マップ内の各エントリで関数を実行します。
d3.set -JavaScriptの配列をセットに変換し、配列のオブジェクトプロトタイプチェーン機能によって引き起こされるセットとの矛盾の問題をブロックします。セットの値は、配列内の各値を文字列に変換した結果です。セット内の値は重複排除されています。
set.has-セットに値が含まれているかどうかを返します。
set.Add-値を追加します。
set.remove-値を削除します。
set.values-セットの値で構成される配列を返します。セット内の値は重複排除されています。
set.foreach-セット内の各値の関数を実行します。

数学

d3.random.normal-正規分布を使用して乱数を生成します。
d3.random.lognomal-対数正規分布を使用して乱数を生成します。
d3.random.irwinhall- Irwinhall分布を使用して乱数を生成します（シンプルで実行可能でプログラムしやすい正規分布実装方法）。
d3.Transform -SVGの変換形式を標準の2D変換マトリックス文字列形式に変換します。

外部リソースのロード

d3.xhr -xmlhttprequestリクエストを開始してリソースを取得します。
xhr.header-リクエストヘッダーを設定します。
xhr.mimeType-受け入れリクエストヘッダーを設定し、応答MIMEタイプをオーバーライドします。
XHR.Response-応答戻り値変換関数を設定します。たとえば、function（request）{return json.parse（request.responsetext）; }
xhr.get-ゲットリクエストを開始します。
XHR.POST -POSTリクエストを開始します。
XHR.SEND -指定されたメソッドとデータを使用してリクエストを開始します。
xhr.abort-現在のリクエストを終了します。
XHR.ON-リクエストに「BeForesEnd」、「Progress」、「Load」、「Error」などのイベントリスナーを追加します。
d3.text-テキストファイルをリクエストします。
D3.JSON- JSONをリクエストします。
d3.html -HTMLテキストフラグメントをリクエストします。
D3.xml- XMLテキストフラグメントをリクエストします。
D3.CSV- CSV（CommaSeparated値、CommaSeparated値）ファイルをリクエストします。
D3.TSV- TSV（タブ分離値、タブ分離値）ファイルをリクエストします。

文字列のフォーマット

d3.format-指定された形式で数値を文字列に変換します。変換形式は非常に豊富で非常にインテリジェントです。
d3.formatprefix-指定された値と精度で[si prefix]オブジェクトを取得します。この関数を使用して、k（千）、m（百万）などのデータの大きさを自動的に決定できます。例：var prefix = d3.formatprefix（1.21e9）。 console.log（prefix.symbol）; // "g"; console.log（prefix.scale（1.21e9））; // 1.21
d3.requote-正規表現で使用できる形式に文字列を逃がします。たとえば、d3.requote（ '$'）; // return "/$"
d3.round-小数点後に特定の数を丸くするために数桁を設定します。 tofixed（）と同様ですが、フォーマット番号を返します。たとえば、D3.Round（1.23）; // 1を返します。 D3.Round（1.23、1）; // 1.2を返します。 D3.Round（1.25、1）; // 1.3を返します

CSVフォーマット（D3.CSV）

D3.CSV- CSV（コンマ分離値、コロン分離値）ファイルを取得します。
d3.csv.parse- CSVファイル文字列をオブジェクトの配列に変換すると、オブジェクトのキーは最初の行によって決定されます。例：[{"year"： "1997"、 "length"： "2.34"}、{"year"： "2000"、 "length"： "2.38"}]]
d3.csv.parserows- CSVファイル文字列を配列に変換する配列。例：[["year"、 "length"]、["1997"、 "2.34"]、["2000"、 "2.38"]]]]
d3.csv.format-オブジェクトの配列をd3.csv.parseの逆操作であるCSVファイル文字列に変換します。
d3.csv.formatrows-配列の配列をd3.csv.parserowsの逆操作であるCSVファイル文字列に変換します。
D3.TSV- TSV（タブ分離値、タブ分離値）ファイルを取得します。
d3.tsv.parse- d3.csv.parseに似ています。
d3.tsv.parserows -d3.csv.parserowsに似ています。
d3.tsv.format- d3.csv.formatに似ています。
d3.tsv.formatrows -d3.csv.formatrowsに似ています。
D3.DSV -D3.CSVと同様のファイル処理オブジェクトを作成します。これは、セパレータとMIMEタイプをカスタマイズできます。例：var dsv = d3.dsv（ "|"、 "text/plain"）;

色

d3.rgb-色を指定して、RGBカラーオブジェクトを作成します。複数のカラー形式の入力をサポートします。
RGB.Brighter-色の明るさを強化すると、変化振幅はパラメーターによって決定されます。
RGB.DARKER-色の明るさを減衰させ、変化振幅はパラメーターによって決定されます。
RGB.HSL -RGBカラーオブジェクトをHSLカラーオブジェクトに変換します。
RGB.TOSTRING -RGB Color Conversion to String形式。
D3.HSL- HSLカラーオブジェクトを作成します。複数のカラー形式の入力をサポートします。
hsl.brighter-色の明るさを強化すると、変化振幅はパラメーターによって決定されます。
hsl.darker-色の明るさを減衰させ、変化振幅はパラメーターによって決定されます。
hsl.rgb- HSLカラーオブジェクトをRGBカラーオブジェクトに変換します。
hsl.toString -HSL Color Conversion to String形式。
d3.lab-ラボカラーオブジェクトを作成します。複数のカラー形式の入力をサポートします。
Lab.Brighter-色の明るさを強化すると、変化振幅はパラメーターによって決定されます。
Lab.Darker-色の明るさが弱くなり、変化の振幅はパラメーターによって決定されます。
lab.rgb-ラボカラーオブジェクトをRGBカラーオブジェクトに変換します。
Lab.ToString-文字列形式へのラボカラー変換。
D3.hcl- HCLカラーオブジェクトを作成します。複数のカラー形式の入力をサポートします。
hcl.brighter-色の明るさを強化すると、変化振幅はパラメーターによって決定されます。
hcl.darker-色の明るさを減衰させ、変化振幅はパラメーターによって決定されます。
HCL.RGB -HCLカラーオブジェクトをRGBカラーオブジェクトに変換します。
hcl.toString -HClカラーストリング形式への変換。

名前空間

d3.ns.prefix-既知のXMLネームスペースを取得または拡張します。
d3.ns. qualify-「xlink：href」などの名前空間プレフィックスが存在するかどうかを確認します。

内部

D3.Functor-機能化。非機能変数をその変数の値のみを返す関数に変換します。関数を入力し、元の関数を返します。値を入力し、関数を返します。関数は元の値のみを返します。
D3.Rebind-オブジェクトの方法を別のオブジェクトにバインドします。
D3.Dispatch-カスタムイベントを作成します。
Dispatch.on-イベントリスナーを追加または削除します。複数のリスナーをイベントに追加できます。
Dispatch.Type-トリガーイベント。ここで、「タイプ」は解雇されるイベントの名前です。

D3.スケール（スケール）

定量的変換

D3.Scale.Linear-線形定量的変換を作成します。（さまざまな変換を深く理解するために、ソースコードを参照することをお勧めします。）
線形 - ドメインの値を入力し、ドメインの値を返します。
linear.invert-逆変換、入力値ドメイン値はドメイン値を返します。
linear.domain-ドメインを取得または設定します。
linear.range-範囲を取得または設定します。
Linear.Rangeround-値範囲を設定し、結果を丸めます。
linear.interpolate-デフォルトの線形補間関数を丸い線形補間関数D3_INTERPOLATEROUNDに置き換えるなど、GETまたは設定変換の補間関数。
Linear.Clamp-値範囲が閉じているかどうかを設定し、デフォルトで閉じていません。値範囲が閉じられている場合、補間の結果が値範囲の外側にある場合、値範囲の境界値が取得されます。値範囲が[1、2]の場合、補間関数の計算結果は3、閉じていない場合、最終結果は3です。閉じている場合、最終結果は2です。
Linear.nice-ドメインスコープを拡張して、ドメインをより定期的にします。たとえば、[0.20147987687960267、0.996679553296417]は[0.2、1]になります。
Linear.Ticks-ドメインから代表的な値を取得します。通常、座標軸スケールの選択に使用されます。
Linear.TickFormat-通常は軸スケールのフォーマット変換に使用されるフォーマット変換関数を取得します。例：var x = d3.scale.linear（）。domain（[-1、1]）; console.log（x.ticks（5）.map（x.tickformat（5、 "+％"）））; // ["-100％"、 "-50％"、 "+0％"、 "+50％"、 "+100％"]]]
Linear.Copy-既存の変換から変換をコピーします。
d3.scale.sqrt-正方形の根を見つけるための定量的変換を作成します。
D3.Scale.POW-指数変換を作成します。（線形の対応する関数のコメントを参照）
POW-ドメインの値を入力し、ドメインの値を返します。
pow.invert-逆変換、入力値フィールド値はドメイン値を返します。
pow.domain-ドメインを取得または設定します。
pow.range-範囲を取得または設定します。
pow.rangreound-値範囲を設定し、結果を丸めます。
POW.INTERPOLETE -GETまたは設定変換のための補間関数。
POW.CLAMP-値フィールドが閉じているかどうかを設定し、デフォルトで閉じていないかどうかを設定します。
POW.NICE-ドメインスコープを拡張して、ドメインをより定期的にします。
Pow.Ticks-ドメインから代表的な値を取得します。通常、座標軸スケールの選択に使用されます。
pow.TickFormat-通常は軸スケールのフォーマット変換に使用されるフォーマット変換関数を取得します。
pow.exponent- getまたはset exponentのパワー。デフォルトは電源1です。
pow.copy-既存の変換から変換をコピーします。
d3.scale.log-対数変換を作成します。（線形の対応する関数のコメントを参照）
ログ - ドメインの値を入力し、ドメインの値を返します。
log.invert-逆変換、入力値フィールド値は定義フィールド値を返します。
log.domain-ドメインを取得または設定します。
log.range-範囲を取得または設定します。
log.rangeround-範囲を設定し、結果を回ります。
log.interpolate- getまたはset transformの補間関数。
log.clamp-値フィールドが閉じているかどうかを設定し、デフォルトで閉じないかどうかを設定します。
log.nice-ドメインスコープを拡張して、ドメインをより定期的にします。
Log.Ticks-ドメインから代表的な値を取得します。通常、座標軸スケールの選択に使用されます。
log.tickformat-通常は軸スケールのフォーマット変換に使用されるフォーマット変換関数を取得します。
log.copy-既存の変換から変換をコピーします。
d3.scale.quantize-定量化線形変換を作成し、ドメインを数値間隔として定義し、値ドメインはいくつかの個別の値です。
Quantize-数値を入力し、離散値を返します。例：var q = d3.scale.quantize（）。domain（[0、1]）。range（['a'、 'b'、 'c']）; //q(0.3）=== 'A'、q（0.4）=== 'b'、q（0.6）=== 'b'、q（0.7）=== 'c;
QUANTIZE.INTEXTENT-離散値を取得する値の範囲を返します。 // q.invertextent（ 'a'）の結果は[0、0.3333333333333]です。
Quantize.Domain- GETまたは設定変換のドメイン。
Quantize.Range- GETまたはセットによって変換される値の範囲。
Quantize.Copy-既存の変換から変換をコピーします。
d3.scale.threshold-しきい値（しきい値）線形変換を構築します。ドメインは値の分離数値シーケンスであり、ドメインは個別の値です。 ITと数量の違いは、数量で指定された値範囲が1つの間隔であり、間隔が複数のセル間隔に均等に分割され、離散値に対応することです。しきい値各セル間の境界分離値を指定します。例：var t = d3.scale.threshold（）。domain（[0、1]）。range（['a'、 'b'、 'c']）; t（-1）=== 'a'; t（0）=== 'b'; t（0.5）=== 'b'; t（1）=== 'c'; t（1000）=== 'c'; t.invertextent（ 'a'）; // [undefined、0] t.invertextent（ 'b'）を返します。 // [0、1] t.invertextent（ 'c'）を返します。 //返される[1、未定義]
しきい値 - 数値を入力し、離散値を返します。
threshold.invertextent-離散値を入力して値を返します。
threshold.domain- getまたはset変換のドメイン。
threshold.range- GETまたはセットの変換の範囲。
threshold.copy-既存の変換から変換をコピーします。
d3.scale.quantile-分位分率線形変換を構築します。使用法は量子化とまったく同じです。違いは、分位が中央値に応じて間隔を分離し、Quantizeが算術平均に応じて間隔を分離することです。例
分位 - 数値を入力し、離散値を返します。
Quantile.invertextent-離散値を入力し、数値を返します。
Quantile.Domain- GETまたは設定変換のドメイン。
分位。
分岐。Quantiles-分位変換の分離値を取得します。 Q.Quantiles（）は[0.3333333333333333326、0.666666666666665]を返します。
bytile.copy-既存の変換から変換をコピーします。
d3.scale.identity-アイデンティティ線形変換を構築します。特別な線形変換、この変換定義ドメインは値ドメインと同じであり、D3内の一部の軸またはブラシモジュールでのみ使用されます。
アイデンティティ - アイデンティティ線形変換関数。入力値を返します。
ID.Invert-アイデンティティ関数と同じ、入力値を返します。
ID.Domain- GETまたは設定変換のドメイン。
ID.RANGE- GETまたはセットによって変換される値の範囲。
ID.Ticks-ドメインから代表的な値を取得します。通常、座標軸スケールの選択に使用されます。
ID.TickFormat-通常は軸スケールのフォーマット変換に使用されるフォーマット変換関数を取得します。
ID.Copy-既存の変換から変換をコピーします。

順序変換（順序）

d3.scale.ordinal-順序変換オブジェクトを構築します。順序変換の入力定義ドメインと出力値ドメインはどちらも離散です。定量的変換の入力ドメインは連続的であり、これは2つの最大の違いです。
ordinal-離散値を入力し、離散値を返します。現在のドメインにない入力値は、ドメインに自動的に追加されます。
ordinal.domain- getまたはset変換のドメイン。
ordinal.range- getまたはset変換の値範囲。
ordinal.rangepoints-いくつかの個別のポイントを使用して、連続間隔を分割します。詳細については、リンクの凡例をご覧ください。
ordinal.rangebands-いくつかの個別の間隔を使用して、連続間隔を分割します。詳細については、リンクの凡例をご覧ください。
ordinal.rangeroundbands-いくつかの個別の間隔を使用して連続間隔を分割すると、間隔境界と幅が丸くなります。詳細については、リンクの凡例をご覧ください。
ordinal.rangeband-離散間隔の幅を取得します。
ordinal.rangeextent-出力フィールドの最小値を取得します。
ordinal.copy-既存の変換から変換をコピーします。
d3.scale.category10- 10色で順序変換を構築します。
d3.scale.category20- 20色で順序変換を構築します。
d3.scale.category20b-さらに20色で順序変換を構築します。
d3.scale.category20c-さらに20色で順序変換を構築します。

D3.SVG（SVG）

形

d3.svg.line-セグメントジェネレーターを作成します。
行 - 行チャートにラインを生成します。
line.x- x軸アクセサを設定または取得します。
line.y- y軸アクセサを設定または取得します
line.interpolate-挿入モードを設定または取得します。
line.tension-曲線張力アクセサア（枢機Spline張力）を取得または設定します。
line.defined-特定の時点で行が存在するかどうかを定義します。
d3.svg.line.radial-放射線発生器を作成します。
ライン - 緯度/レーダーラインチャートのセグメント化された線形曲線を生成します。
line.radius- RADIUSアクセサを取得または設定します。
line.Angle-アングルアクセサを取得または設定します。
line.defined-ライン定義アクセサを設定または取得します。
d3.svg.area-新しいエリアジェネレーターを作成します。
エリア - エリアチャートの線形エリアを生成します。
Area.x- x座標を取得または設定するアクセサリ。
Area.x0- x0座標（ベースライン）のアクセサを取得または設定します。
Area.x1- X1座標のアクセサを取得または設定します（バックライン）。
AREA.Y- Y座標を取得または設定するアクセサリ。
Area.y0- Y0座標（ベースライン）のアクセサを取得または設定します。
AREA.Y1- Y1座標のアクセサを取得または設定します（バックライン）。
AREA.INTERPOLETE-補間モードを取得または設定します。
エリア。テンション - 枢機splineの張力を取得または設定します。
AREA.Defined-審査員は、エリア定義アクセサを取得または定義します。
d3.svg.area.radial-新しいエリアジェネレーターを作成します。
エリア - 緯度/レーダーチャートのセグメントの線形領域を生成します。
Area.radius- RADIUSアクセサを取得または設定します。
AREA.INNERRADIUS-内部半径（ベースライン）アクセサを取得または設定します。
Area.outerradius-外部半径（バックライン）アクセサを取得または設定します。
AREA.ANGRE-アングルアクセサを取得または設定します。
AREA.STARTANGLE-内部角度（ベースライン）アクセサーを取得または設定します。
エリア.Endangle-外部角度（バックライン）アクセサを取得または設定します。
AREA.Defined-審査員は、エリア定義アクセサを取得または定義します。
D3.SVG.ARC-ラジアン発電機を作成します。
アーク - パイチャートまたはドーナツチャート用の線形ラジアンを生成します。
arc.innerradius-内部半径アクセサを取得または設定します。
arc.outerradius-外部半径アクセサーズを取得または設定します。
arc.startangle-開始角アクセサアを取得または設定します。
Arc.Endangle-エンドアングルアクセサを取得または設定します。
arc.centroid-アークの重心を計算します。
d3.svg.symbol-シンボルジェネレーターを作成します。
シンボル - ハッシュ図に指定されたシンボルを生成します。
Symbol.Type-シンボルタイプアクセサアを取得または設定します。
symbol.size-シンボルサイズ（平方ピクセル）アクセサーを取得または設定します。
d3.svg.symboltypes-サポートされているシンボルタイプの配列。
D3.SVG.CHORD-新しい文字列ジェネレーターを作成します。
コード - 二次皮肉な曲線を生成して、文字列図に2つのアークを接続します。
Chord.radius-アーク半径アクセサアを取得または設定します。
Chord.Startangle-アークスタート角アクセサーズを取得または設定します。
Chord.Endangle-アークエンド角アクセサーズを取得または設定します。
Chord.Source-ソースRadianアクセサを取得または設定します。
Chord.Target-ターゲットラジアンアクセサーズを取得または設定します。
d3.svg.diagonal-新しいスラッシュジェネレーターを作成します。
斜め - ノード接続図用の2次元ベッセルコネクタを生成します。
Dianagonal.Source-ソースポイントアクセサを取得または設定します。
Diganal.target-ターゲットポイントアクセサを取得または設定します。
Diganal.Projection-オプションのポイントトランスを取得または設定します。
d3.svg.diagonal.radial-新しいスラッシュジェネレーターを作成します。
斜め - ノード接続図に2次元ベッセルコネクタを作成します。

軸

d3.svg.axis-軸発電機を作成します。
軸 - ページ内の軸の正式な生成。
axis.scale-数値およびピクセルの位置の変換ルールを設定するgetまたはset軸のスケール変換。
axis.orient-軸のスケール方向を取得または設定します。
axis.ticks-軸スケールの生成方法を制御します。
axis.TickValues-特定の軸の値を設定します。
Axis.Ticksize-軸上のティックマークのピクセル長を指定します。
axis.innerticksize- getまたはset軸のピクセルの長さの小さなティックマーク。
axis.outerticksize- getまたはset axisのピクセルの長さ大きなティックマーク。
axis.TickPadding-軸スケールとティックテキスト間のピクセル距離を指定します。
axis.tickformat-ティックテキストの形式を設定します。

コントロール

d3.svg.brush-クリックして2次元領域をドラッグして選択します。
ブラシ - ページの領域でブラシを正式にバインドします。
brush.x-水平ドラッグアンドドロップに使用されるブラシx変換を取得または設定します。
brush.y-垂直方向にドラッグしてドロップするために使用されるブラシy変換を取得または設定します。
brush.extent-ブラシの選択範囲（範囲）を取得または設定します。
Brush.Clear-ブラシの選択範囲（範囲）を空に設定します。
Brush.Empty-ブラシの選択範囲（範囲）が空であるかどうかを判断します。
brush.on-ブラシを取得またはセットするためのイベントリスナー。聴くことができるイベントには、ブラシスタート、ブラシ、ブラシエンドの3種類のイベントがあります。
Brush.Event-プログラムを通じてリスニングイベントをトリガーし、プログラムを通じて範囲を設定した後に使用します。

d3.time（時間）

時間のフォーマット

d3.time.format-特定の時間形式に基づいてローカル時間形式のコンバーターを作成します。
フォーマット - 特定の時間形式で日付オブジェクトを文字列に変換します。
format.parse-特定の時間形式で文字列を現在のオブジェクトに変換します。
d3.time.format.utc-特定の時間形式に基づいて、ユニバーサル標準時間（UTC）形式コンバーターを作成します。
d3.time.format.iso-特定の時間形式に基づいて、ISO World Standard Time（ISO 8601 UTC）形式コンバーターを作成します。

時間スケール

d3.time.scale-数値間隔として定義フィールドを使用して線形時間変換を作成し、時間間隔として値フィールドを作成します。一般的に時間軸の作成に使用されます。詳細については、d3.scale.linearを参照してください。
スケール - 値として入力し、時間として返します。
scale.invert-逆変換、値を返すための入力時間。
scale.domain- getまたはセット変換のドメイン。
scale.nice-ドメインスコープを拡張して、ドメインをより定期的にします。
scale.range- getまたはset変換の範囲。
scale.rangeround-範囲を設定し、結果を丸めます。
scale.interpolate-デフォルトの線形補間関数を指数関数的補間関数に置き換えるなど、GETまたは設定変換の補間関数。
scale.clamp-値範囲が閉じているかどうかを設定し、デフォルトで閉じないかどうかを設定します。値範囲が閉じられている場合、補間の結果が値範囲の外側にある場合、値範囲の境界値が取得されます。詳細については、Linear.Clampを参照してください。
scale.ticks - 从定义域中取出有代表性的值。通常用于坐标轴刻度的选取。
scale.tickFormat - 获取格式转化函数，通常用于坐标轴刻度的格式转化。
scale.copy - 从已有的时间变换中复制出一个变换。

Time Intervals

d3.time.interval - 返回一个对于本地时间时间间隔器.
interval - 效果同interval.floor方法.
interval.range - 返回指定区间内日期.
interval.floor - 下舍入到最近的间隔值.
interval.round - 上舍入或下舍入到最近的间隔值.
interval.ceil - 上舍入到最近的间隔值.
interval.offset - 返回指定时间间隔的日期偏移量.
interval.utc - 返回对应的UTC时间间隔.
d3.time.day - 返回指定时间基于天起始的时间(默认起始是12:00am).
d3.time.days - 返回指定时间区间和间隔条件的基于天的所有时间,效果同day.range.
d3.time.dayOfYear - 计算指定时间在年中的天数.
d3.time.hour - 返回指定时间基于小时起始的时间(eg, 1:00 AM).
d3.time.hours - 返回指定时间区间和间隔条件的基于小时的所有时间, 效果同hour.range.
d3.time.minute - 返回指定时间基于分钟起始的时间(eg, 1:02 AM).
d3.time.minutes - 返回指定时间区间和间隔条件的基于分钟的所有时间,效果同minute.range.
d3.time.month - 返回指定时间基于月起始的时间(eg, February 1, 12:00 AM).
d3.time.months - 返回指定时间区间和间隔条件的基于月的所有时间,效果同month.range.
d3.time.second - 返回指定时间基于秒起始的时间(eg, 1:02:03 AM).
d3.time.seconds - 返回指定时间区间和间隔条件的基于秒的所有时间,效果同second.range.
d3.time.sunday - 返回指定时间基于Sunday起始的时间(eg, February 5, 12:00 AM).
d3.time.sundays - 返回指定时间区间和间隔条件的基于sunday的所有时间, 效果同sunday.range.
d3.time.sundayOfYear - 计算以sunday为基点的指定时间在一年中的周数.
d3.time.monday - every Monday (eg, February 5, 12:00 AM).
d3.time.mondays - alias for monday.range.
d3.time.mondayOfYear - computes the monday-based week number.
d3.time.tuesday - every Tuesday (eg, February 5, 12:00 AM).
d3.time.tuesdays - alias for tuesday.range.
d3.time.tuesdayOfYear - computes the tuesday-based week number.
d3.time.wednesday - every Wednesday (eg, February 5, 12:00 AM).
d3.time.wednesdays - alias for wednesday.range.
d3.time.wednesdayOfYear - computes the wednesday-based week number.
d3.time.thursday - every Thursday (eg, February 5, 12:00 AM).
d3.time.thursdays - alias for thursday.range.
d3.time.thursdayOfYear - computes the thursday-based week number.
d3.time.friday - every Friday (eg, February 5, 12:00 AM).
d3.time.fridays - alias for friday.range.
d3.time.fridayOfYear - computes the friday-based week number.
d3.time.saturday - every Saturday (eg, February 5, 12:00 AM).
d3.time.saturdays - alias for saturday.range.
d3.time.saturdayOfYear - computes the saturday-based week number.
d3.time.week - alias for sunday.
d3.time.weeks - alias for sunday.range.
d3.time.weekOfYear - alias for sundayOfYear.
d3.time.year - 返回指定时间基于年起始的时间(eg, January 1, 12:00 AM).
d3.time.years - 返回指定时间区间和间隔条件的所有时间,效果同year.range.

构图(d3.layout)

バンドル

d3.layout.bundle - construct a new default bundle layout.
bundle - apply Holten's hierarchical bundling algorithm to edges.

コード

d3.layout.chord - 初始化一个弦图对象, 返回一个Chord 实例
chord.matrix - 设置或者获取弦图实例对应的矩阵数据
chord.padding - 设置或获取弦图各段圆弧之间的间隔角度
chord.sortGroups - 设置或获取矩阵分组的排序函数
chord.sortSubgroups - 设置或获取矩阵二级分组的排序函数
chord.sortChords - 设置或获取弦图在z序上的排序函数(决定哪一组显示在最上层)
chord.chords - 该函数会将参数处理成对chord 更友好的格式并返回, 若没有提供参数, 会调用matrix()来获取数据
chord.groups - 该函数参数处理成更易于理解的分组信息, 若没有提供参数, 会调用matrix()来获取数据

クラスタ

d3.layout.cluster - 用默认设置生成一个集群布局对象.
cluster.sort - 获取或设置一个函数, 用来给兄弟节点(同一父结点的子结点)的排序.
cluster.children - 获取或设置子结点的访问器.
cluster.nodes - 计算并返回指定结点的子结点在集群中的信息(坐标,深度等).
cluster.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
cluster.separation - 获取或设置相邻结点间的间隔(不仅限于兄弟结点).
cluster.size - 获取或设置布局的宽和高的大小.
cluster.nodeSize - 为结点指定大小.

力学(Force)

d3.layout.force -节点（node）基于物理模拟的位置连接。
force.on - 监听布局位置的变化。(仅支持”start”,”step”,”end”三种事件)
force.nodes - 获得或设置布局中的节点（node）阵列组。
force.links - 获得或设置布局中节点间的连接（Link）阵列组。.
force.size - 获取或设置布局的宽和高的大小.
force.linkDistance - 获取或设置节点间的连接线距离.
force.linkStrength - 获取或设置节点间的连接强度.
force.friction - 获取或设置摩擦系数.
force.charge - 获取或设置节点的电荷数.(电荷数决定结点是互相排斥还是吸引)
force.gravity - 获取或设置节点的引力强度.
force.theta - 获取或设置电荷间互相作用的强度.
force.start - 开启或恢复结点间的位置影响.
force.resume - 设置冷却系数为0.1,并重新调用start()函数.
force.stop - 立刻终止结点间的位置影响.(等同于将冷却系数设置为0)
force.alpha - 获取或设置布局的冷却系数.(冷却系数为0时,节点间不再互相影响)
force.tick - 让布局运行到下一步.
force.drag - 获取当前布局的拖拽对象实例以便进一步绑定处理函数.

层级布局(Hierarchy)

d3.layout.hierarchy - 获得一个自定义的层级布局的实现.
hierarchy.sort - 获取或设置一个函数, 用来给兄弟节点(同一父结点的子结点)的排序.
hierarchy.children - 获取或设置子结点的访问器.
hierarchy.nodes - 计算并返回指定结点的子结点信息.
hierarchy.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
hierarchy.value - 获取或设置结点的值访问器.
hierarchy.revalue - 重新计算层级布局.

直方图(Histogram)

d3.layout.histogram - 构建一个默认直方图(用来表示一组离散数字的分布,横轴表示区间,纵轴表示区间内样本数量或样本百分比).
histogram.value - 获取或设置值访问器.
histogram.range - 获取或设置合法值范围.
histogram.bins - 指定如何将数据分组到不同的区间(bin)里, 返回一个构造函数.
histogram - 根据已设置的区间将数据分组,返回已分组的二维数组(compute the distribution of data using quantized bins).
histogram.frequency - 设置直方图Y轴值是区间内数据的总量还是百分比(compute the distribution as counts or probabilities).

层包(Pack)

d3.layout.pack - 用递归的圆环表现一个多层级布局.
pack.sort - 获取或设置一个函数, 用来给兄弟节点(同一父结点的子结点)排序.
pack.children - 获取或设置子结点的访问器.
pack.nodes - 计算并返回指定结点的子结点信息.
pack.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
pack.value - 获取或设置一个函数, 用来计算圆环的大小(近似值).
pack.size - 设置整个布局画布的宽and高.
pack.radius - 如果不想结点半径与结点的值相同, 可以传入一个函数用来计算结点半径.
pack.padding - 指定相邻结点之点的间距(近似值).

分区(Partition)

d3.layout.partition - 将一棵树递归的分区.
partition.sort - 获取或设置一个函数, 用来给兄弟节点(同一父结点的子结点)排序.
partition.children - 获取或设置子结点的访问器.
partition.nodes - 计算并返回指定结点的子结点信息.
partition.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
partition.value - 设置一个函数来来计算分区的值.
partition.size - 设置整个布局画布的宽and高.

饼图(Pie)

d3.layout.pie - 构建一个默认的饼图.
pie - 该函数将传入的原始参数转换成可用于饼图或者环形图的数据结构.
pie.value - 获取或设置值访问器.
pie.sort - 设置饼图顺时针方向的排序方法.
pie.startAngle - 设置或获取整个饼图的起始角度.
pie.endAngle - 设置或获取整个饼图的终止角度.

堆叠图(Stack)

d3.layout.stack - 构建一个默认的堆叠图(用来展示一系列x轴相同的面积图或者立方图).
stack - 计算每一层的基线.
stack.values - 设置或者获取每层的值访问器.
stack.order - 设置每层的排序.
stack.offset - 指定总的基线算法.
stack.x - 设置或获取每层的x轴访问器.
stack.y - 设置或获取每层的y轴访问器.
stack.out - 设置或获取用来储存基线的输出函数.

树(Tree)

d3.layout.tree - position a tree of nodes tidily.
tree.sort - 设置或获取一个函数, 用来给兄弟节点(同一父结点的子结点)排序.
tree.children - 设置或获取子结点的访问器.
tree.nodes - 计算并返回指定结点的子结点信息.
tree.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
tree.separation - 设置或获取相隔结点之间的间隔计算函数.
tree.size - 指定整个布局的宽和高.
tree.nodeSize - 给全部结点指定一个固定的大小(会导致tree.size失效).

矩阵树(Treemap)

d3.layout.treemap - 返回一个矩阵树对象(用矩阵来展示一颗树).
treemap.sort - 设置或获取一个函数, 用来给兄弟节点(同一父结点的子结点)排序.
treemap.children - 设置或获取子结点的访问器.
treemap.nodes - 计算并返回指定结点的子结点信息.
treemap.links - 指定一个子结点数组(通常是nodes函数返回值), 计算它们与父结点的连接信息.
treemap.value - 设置或获取一个用来计算单元格大小的值访问器.
treemap.size - 指定整个布局的宽和高.
treemap.padding - 指定父结点和子结点的间距.
treemap.round - 禁用或启用边界补偿.
treemap.sticky - 让布局更”粘”以保证在更新数据时有平滑的动画效果.
treemap.mode - 更改矩阵树的布局算法.

d3.geo (Geography)

Paths

d3.geo.path - 创建一个新的地理路径生成器.
path - 投射指定的特性并且渲染到上下文.
path.projection - 获取活设置地理投影.
path.context - 获取活设置渲染上下文.
path.pointRadius -获取或设置半径去现实点的特性.
path.area - 计算指定特性的投射区域.
path.centroid - 计算指定特性的投射重心点.
path.bounds - 计算指定特性的投射边界.
d3.geo.graticule - 创建地理坐标网生成器.
graticule - 生产一个子午线或平行线的MultiLineStrings.
graticule.lines - 生成一个子午线和平行线的LineString的数组.
graticule.outline - 生成一个表示该坐标网的外框多边形.
graticule.extent - 获取或设置主要的和次要的范围.
graticule.majorExtent - 获取或设置主要范围.
graticule.minorExtent - 获取或设置次要范围.
graticule.step - 获取或设置主要和次要的步间隔.
graticule.majorStep - 获取或设置主要的步间隔.
graticule.minorStep - 获取或设置次要的步间隔.
graticule.precision - 设置或者获取横向精度.
d3.geo.circle - 创建一个圆形的生成器.
circle - 使用多边形来生成一个分段的圆形.
circle.origin - 通过横向和纵向坐标来指定原点.
circle.angle - 指定以度为单位的角半径.
circle.precision - 指定分段圆的精度.
d3.geo.area - 根据给定特征计算球面面积.
d3.geo.bounds - compute the latitude-longitude bounding box for a given feature.
d3.geo.centroid - compute the spherical centroid of a given feature.
d3.geo.distance - compute the great-arc distance between two points.
d3.geo.interpolate - interpolate between two points along a great arc.
d3.geo.length - compute the length of a line string or the circumference of a polygon.
d3.geo.rotation - create a rotation function for the specified angles [λ, φ, γ].
rotation - rotate the given location around the sphere.
rotation.invert - inverse-rotate the given location around the sphere.

Projections

d3.geo.projection - create a standard projection from a raw projection.
projection - project the specified location.
projection.invert - invert the projection for the specified point.
projection.rotate - get or set the projection's three-axis rotation.
projection.center - get or set the projection's center location.
projection.translate - get or set the projection's translation position.
projection.scale - get or set the projection's scale factor.
projection.clipAngle - get or set the radius of the projection's clip circle.
projection.clipExtent - get or set the projection's viewport clip extent, in pixels.
projection.precision - get or set the precision threshold for adaptive resampling.
projection.stream - wrap the specified stream listener, projecting input geometry.
d3.geo.projectionMutator - create a standard projection from a mutable raw projection.
d3.geo.albers - the Albers equal-area conic projection.
albers.parallels - get or set the projection's two standard parallels.
d3.geo.albersUsa - a composite Albers projection for the United States.
d3.geo.azimuthalEqualArea - the azimuthal equal-area projection.
d3.geo.azimuthalEquidistant - the azimuthal equidistant projection.
d3.geo.conicConformal - the conic conformal projection.
d3.geo.conicEquidistant - the conic equidistant projection.
d3.geo.conicEqualArea the conic equal-area (aka Albers) projection.
d3.geo.equirectangular - the equirectangular (plate carreé) projection.
d3.geo.gnomonic - the gnomonic projection.
d3.geo.mercator - the spherical Mercator projection.
d3.geo.orthographic - the azimuthal orthographic projection.
d3.geo.stereographic - the azimuthal stereographic projection.
d3.geo.azimuthalEqualArea.raw - the raw azimuthal equal-area projection.
d3.geo.azimuthalEquidistant.raw - the azimuthal equidistant projection.
d3.geo.conicConformal.raw - the raw conic conformal projection.
d3.geo.conicEquidistant.raw - the raw conic equidistant projection.
d3.geo.conicEqualArea.raw the raw conic equal-area (aka Albers) projection.
d3.geo.equirectangular.raw - the raw equirectangular (plate carrée) projection.
d3.geo.gnomonic.raw - the raw gnomonic projection.
d3.geo.mercator.raw - the raw Mercator projection.
d3.geo.orthographic.raw - the raw azimuthal orthographic projection.
d3.geo.stereographic.raw - the raw azimuthal stereographic projection.
d3.geo.transverseMercator.raw - the raw transverse Mercator projection.

Streams

d3.geo.stream - convert a GeoJSON object to a geometry stream.
stream.point - indicate an x , y (and optionally z ) coordinate.
stream.lineStart - indicate the start of a line or ring.
stream.lineEnd - indicate the end of a line or ring.
stream.polygonStart - indicate the start of a polygon.
stream.polygonEnd - indicate the end of a polygon.
stream.sphere - indicate a sphere.
d3.geo.transform - transform streaming geometries.
transform.stream - wraps a given stream.
d3.geo.clipExtent - a stream transform that clips geometries to a given axis-aligned rectangle.
clipExtent.extent - sets the clip extent.

d3.geom (Geometry)

Voronoi

d3.geom.voronoi - create a Voronoi layout with default accessors.
voronoi - compute the Voronoi tessellation for the specified points.
voronoi.x - get or set the x-coordinate accessor for each point.
voronoi.y - get or set the y-coordinate accessor for each point.
voronoi.clipExent - get or set the clip extent for the tesselation.
voronoi.links - compute the Delaunay mesh as a network of links.
voronoi.triangles - compute the Delaunay mesh as a triangular tessellation.

Quadtree

d3.geom.quadtree - constructs a quadtree for an array of points.
quadtree.add - add a point to the quadtree.
quadtree.visit - recursively visit nodes in the quadtree.

ポリゴン

d3.geom.polygon - create a polygon from the specified array of points.
polygon.area - compute the counterclockwise area of this polygon.
polygon.centroid - compute the area centroid of this polygon.
polygon.clip - clip the specified polygon to this polygon.

Hull

d3.geom.hull - create a convex hull layout with default accessors.
hull - compute the convex hull for the given array of points.
hull.x - get or set the x -coordinate accessor.
hull.y - get or set the y -coordinate accessor.

d3.behavior (Behaviors)

ドラッグ

d3.behavior.drag
drag.origin
drag.on

缩放Zoom

d3.behavior.zoom - 创建一个缩放行为.
zoom - 对指定元素应用缩放.
zoom.scale - the current scale factor.
zoom.translate - the current translate offset.
zoom.scaleExtent - optional limits on the scale factor.
zoom.center - an optional focal point for mousewheel zooming.
zoom.size - the dimensions of the viewport.
zoom.x - an optional scale whose domain is bound to the x extent of the viewport.
zoom.y - an optional scale whose domain is bound to the y extent of the viewport.
zoom.on - listeners for when the scale or translate changes.
zoom.event - dispatch zoom events after setting the scale or translate.