JavaScript ビジュアルチャートライブラリ D3.js API 中国語リファレンス_その他

D3 ライブラリによって提供されるすべての API は、d3 名前空間の下にあります。 d3 ライブラリはセマンティック バージョニングを使用します。 d3.version を使用すると、現在のバージョン情報を表示できます。

d3 (コア部分)

セレクションセット

• d3.select - 現在のドキュメントから要素の範囲を選択します。
• d3.selectAll - 現在のドキュメントから複数の要素を選択します。
• selection.attr - 指定された属性を設定または取得します。
• selection.classed - 選択した要素の CSS クラスを追加または削除します。
• selection.style - CSS プロパティを設定または削除します。 style は attr よりも優先されます。
• selection.property - 生のプロパティ値を設定または取得します。
• 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 - アニメーションとして理解できるトランジション効果を開始します (Transition オブジェクトを返します)。
• selection.interrupt - 進行中のすべてのアニメーションを即座に停止します。
• selection.each - 選択された要素セットごとに指定された関数を呼び出します。
• selection.call - 現在選択されている要素セットに対して指定された関数を呼び出します。
• selection.empty - 選択セットが空かどうかをテストします。
• selection.node - 選択範囲内の最初の要素を返します。
• selection.size - 選択セット内の要素の数を返します。
• selection.select - 選択された要素の最初の子要素を選択して、新しい選択セットを形成します。
• selection.selectAll - 選択した要素の複数のサブ要素を選択して、新しい選択セットを形成します。
• d3.selection - 選択セット オブジェクトのプロトタイプ (選択セットは d3.selection.prototype で拡張できます)。
• d3.event - 現在のインタラクションのユーザー イベントを取得します。
• d3.mouse - 要素を基準としたマウスの座標を取得します。
• d3.touches - 要素を基準としたタッチ ポイントの座標を取得します。

トランジションエフェクト

• d3.transition - アニメーショントランジションを開始します。 簡単なチュートリアル
• transition.lay - 各要素の遷移の遅延時間を指定します (単位: ms)。
• transition.duration - 各要素の遷移の継続時間をミリ秒単位で指定します。
• transition.ease - トランジションバッファ関数を指定します。
• transition.attr - 新しい属性属性値へのスムーズな移行 (開始属性値は現在の属性です)。
• transition.attrTween - 異なる attr 属性値間のスムーズな遷移 (開始属性値は遷移関数で設定でき、遷移関数全体もカスタマイズできます)。
• transition.style - 新しいスタイル属性値へのスムーズな移行。
• transition.styleTween - 異なるスタイル属性値間のスムーズな移行。
• transition.text - トランジションの開始時のテキスト コンテンツを設定します。
• transition.tween - 属性を新しい属性値に遷移します。属性は、テキストなどの非属性または非スタイル属性にすることができます。
• transition.select - トランジション用に現在の各要素の子要素を選択します。
• transition.selectAll - トランジション用に現在の各要素の複数の子要素を選択します。
• transition.filter - 遷移用のデータを通じて現在の要素内の一部の要素をフィルターで除外します。
• transition.transition - 現在のトランジションが終了した後に新しいトランジションを開始します。
• transition.remove - 遷移後に現在の要素を削除します。
• transition.empty - トランジションが空の場合は true を返します。現在の要素に null 以外の要素がない場合、この遷移は空になります。
• transition.node - トランジションの最初の要素を返します。
• transition.size - トランジション内の現在の要素数を返します。
• transition.each - 各要素を反復して操作を実行します。トリガータイプが指定されていない場合、操作は即時に実行されます。指定されたトリガー タイプが「開始」または「終了」の場合、操作はトランジションの開始時または終了時に実行されます。
• transition.call - 現在の遷移を使用して関数を実行します。
• d3.ease - カスタム遷移バッファ関数。
• ease - バッファ関数。バッファ関数を使用すると、アニメーション効果をより自然にすることができます。たとえば、弾性オブジェクトの動きをシミュレートするために使用できます。は補間関数の特殊なケースです。
• d3.timer - カスタム アニメーション タイミングを開始します。この関数は setTimeout に似ていますが、内部では requestAnimationFrame を使用して実装されており、より効率的です。
• d3.timer.flush - 現在のタイマーを遅延なく直ちに実行します。スプラッシュ スクリーンの問題に対処するために使用できます。
• d3.interpolate - 2 つのパラメーター間を補間する補間関数を生成します。差分関数のタイプは、入力引数のタイプ (数値、文字列、色など) に基づいて自動的に選択されます。
• interpolate - 補間関数。入力パラメータは [0, 1] の間です。
• d3.interpolateNumber - 2 つの数値の間を補間します。
• d3.interpolateRound - 2 つの数値の間を補間し、戻り値は丸められます。
• d3.interpolateString - 2 つの文字列の間を補間します。文字列内の数値を解析すると、対応する数値が補間されます。
• d3.interpolateRgb - 2 つの RGB カラー間を補間します。
• d3.interpolateHsl - 2 つの HSL カラーの間を補間します。
• d3.interpolateLab - 2 つの L*a*b* 色の間を補間します。
• d3.interpolateHcl - 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.interpolateZoom - 2 点間のパンをスムーズにスケールします。例
• d3.interpolators - カスタム補間関数を追加します。

データ操作 (配列の操作)

• d3.ascending - 昇順ソート関数。
• d3.descending - 降順ソート関数。
• d3.min - 配列内の最小値を取得します。
• d3.max - 配列内の最大値を取得します。
• d3.extent - 配列の範囲 (最小値と最大値) を取得します。
• d3.sum - 配列内の数値の合計を取得します。
• d3.mean - 配列内の数値の算術平均を取得します。
• d3.median - 配列内の数値の中央値を取得します (0.5 分位値に相当します)。
• d3.quantile - ソートされた配列の分位数を取得します。
• d3.bisect - 二等分によりソートされた配列内の数値の挿入位置を取得します (d3.bisectRight と同じ)。
• d3.bisectRight - ソートされた配列内の数値の挿入位置を取得します (等しい値は右に進みます)。
• d3.bisectLeft - ソートされた配列内の数値の挿入位置を取得します (等しい値は左に移動します)。
• d3.bisector - 二等分関数をカスタマイズします。
• d3.shuffle - シャッフルし、配列内の要素をランダムに配置します。
• d3.permute - 配列内の要素を指定された順序で並べます。
• d3.zip - 複数の配列を 1 つの配列に結合した配列。新しい配列の i 番目の要素は、元の配列の i 番目の要素で構成される配列です。
• d3.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 - ネイティブ メソッド concat と同様に、複数の配列を 1 つに連結します。 // [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 は [{キー: "foo"、値: 42}].
• d3.map - JavaScript オブジェクトをハッシュに変換し、オブジェクトのプロトタイプチェーン関数によって引き起こされるハッシュの不一致の問題をシールドします。
• map.has - マップは、特定のキーがある場合に true を返します。
• map.get - マップ内のキーに対応する値を返します。
• map.set - マップ内のキーに対応する値を設定します。
• map.remove - マップ内のキーを削除します。
• map.keys - マップ内のすべてのキーの配列を返します。
• map.values - マップ内のすべての値で構成される配列を返します。
• map.entries - マップ内のすべてのエントリ (キーと値のペア) で構成される配列を [{key: "foo", value: 42 に変換された { foo: 42 } と同様に返します。 }]
• map.forEach - マップ内の各エントリに対して関数を実行します。
• d3.set - JavaScript 配列をセットに変換し、配列のオブジェクト プロトタイプ チェーン関数によって引き起こされるセットとの不一致の問題をシールドします。 set の値は、配列の各値を文字列に変換した結果です。セット内の値は重複排除されます。
• set.has - セットに特定の値が含まれているかどうかを返します。
• set.add - 値を追加します。
• set.remove - 値を削除します。
• set.values - セット内の値で構成される配列を返します。セット内の値は重複排除されています。
• set.forEach - セット内の各値に対して関数を実行します。

数学

• d3.random.normal - 正規分布を使用して乱数を生成します。
• d3.random.logNormal - 対数正規分布を使用して乱数を生成します。
• d3.random.irwinHall - アーウィン・ホール分布 (シンプルで実行可能でプログラムが簡単な正規分布の実装方法) を使用して乱数を生成します。
• d3.transform - svg 変換形式を標準の 2D 変換行列文字列形式に変換します。

外部リソースの読み込み

• d3.xhr - リソースを取得するために XMLHttpRequest リクエストを開始します。
• xhr.header - リクエストヘッダーを設定します。
• xhr.mimeType - Accept 要求ヘッダーを設定し、応答 MIME タイプをオーバーライドします。
• xhr.response - レスポンス戻り値変換関数を設定します。 function(request) { return JSON.parse(request.responseText) }
など
• xhr.get - 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 (カンマ区切り) ファイルを要求します。
• d3.tsv - TSV (タブ区切り値、タブ区切り値) ファイルを要求します。

文字列の書式設定

• d3.format - 数値を指定された形式の文字列に変換します。変換された形式は非常に豊富で、非常にインテリジェントです。
• d3.formatPrefix - 指定された値と精度を持つ [SI プレフィックス] オブジェクトを取得します。この関数を使用すると、K (千)、M (百万) などのデータの大きさを自動的に決定できます。例: var prefix = d3.formatPrefix(1.21e9); console.log(prefix.symbol); // 1.21
• d3.requote - 文字列を正規表現で使用できる形式にエスケープします。 d3.requote(‘$’) など // return “$”
;
• d3.round - 特定の数値を四捨五入する小数点以下の桁数を設定します。 toFixed() に似ていますが、戻り形式は数値です。 例: d3.round(1.23); // 1 を返す; d3.round(1.25, 1); // 1.3 を返す

CSV形式(d3.csv)

• d3.csv - CSV (カンマ区切り値、コロン区切り値) ファイルを取得します。
• d3.csv.parse - CSV ファイル文字列をオブジェクトの配列に変換します。オブジェクトのキーは最初の行によって決定されます。例: [{"年": "1997", "長さ": "2.34"}, {"年": "2000", "長さ": "2.38"}]
• d3.csv.parseRows - CSV ファイル文字列を配列の配列に変換します。例: [ ["年", "長さ"],["1997", "2.34"],["2000", "2.38"] ]
• d3.csv.format - オブジェクトの配列を CSV ファイル文字列に変換します。これは、d3.csv.parse の逆の操作です。
• d3.csv.formatRows - 配列の配列を CSV ファイル文字列に変換します。これは、d3.csv.parseRows の逆の操作です。
• 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 - カスタマイズ可能な区切り文字と MIME タイプを使用して、d3.csv に似たファイル処理オブジェクトを作成します。例: var dsv = d3.dsv(“|”, “text/plain”);

カラー

• d3.rgb - 色を指定し、RGB カラー オブジェクトを作成します。複数のカラー形式での入力をサポートします。
• rgb.brighter - 色の明るさを強化します。変更の範囲はパラメーターによって決まります。
• rgb.darker - 色の明るさを減らします。変更の範囲はパラメーターによって決まります。
• rgb.hsl - RGB カラー オブジェクトを HSL カラー オブジェクトに変換します。
• rgb.toString - RGB カラーを文字列形式に変換します。
• d3.hsl - HSL カラー オブジェクトを作成します。複数のカラー形式での入力をサポートします。
• hsl.brighter - 色の明るさを強化します。変更範囲はパラメータによって決まります。
• hsl.darker - 色の明るさを下げます。変更の範囲はパラメータによって決まります。
• hsl.rgb - HSL カラー オブジェクトを RGB カラー オブジェクトに変換します。
• hsl.toString - HSL カラーを文字列形式に変換します。
• d3.lab - Lab カラー オブジェクトを作成します。複数のカラー形式での入力をサポートします。
• lab.brighter - 色の明るさを強化します。変更範囲はパラメータによって決まります。
• lab.darker - 色の明るさを下げます。変更の範囲はパラメータによって決まります。
• lab.rgb - Lab カラー オブジェクトを 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 が既知の名前空間である「xlink:href」などの名前空間プレフィックスが存在するかどうかを確認します。

社内

• d3.functor - 機能化。関数ではない変数を、変数の値のみを返す関数に変換します。関数を入力すると元の関数が返され、値を入力すると元の値のみを返す関数が返されます。
• d3.rebind - あるオブジェクトのメソッドを別のオブジェクトにバインドします。
• d3.dispatch - カスタム イベントを作成します。
• dispatch.on - イベント リスナーを追加または削除します。複数のリスナーをイベントに追加できます。
• dispatch.type - イベントをトリガーします。ここで、「type」はトリガーされるイベントの名前です。

d3.scale(スケール)

定量的

• d3.scale.linear - 線形量的変換を作成します。 (さまざまな変換をより深く理解するには、ソース コードを参照することをお勧めします。)
• linear - ドメイン値を受け取り、ドメイン値を返します。
• linear.invert - 逆変換。入力ドメイン値はドメイン値を返します。
• linear.domain - ドメインを取得または設定します。
• linear.range - 値の範囲を取得または設定します。
• linear.rangeRound - 範囲を設定し、結果を四捨五入します。
• linear.interpolate - get または set 変換の補間関数 (デフォルトの線形補間関数を丸め線形補間関数 d3_interpolateRound に置き換えるなど)。
• 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.rangeRound - 範囲を設定し、結果を四捨五入します。
• pow.interpolate - 変換を取得または設定するための補間関数。
• pow.clamp - 値の範囲を閉じるかどうかを設定します。デフォルトでは閉じません。
• pow.nice - ドメインのスコープを拡張して、ドメインをより規則的にします。
• pow.ticks - ドメインから代表的な値を取得します。通常、座標軸のスケールを選択するために使用されます。
• pow.tickFormat - 座標軸スケールの形式変換に通常使用される形式変換関数を取得します。
• pow.exponent - 指数の累乗を取得または設定します。デフォルトは 1 の累乗です。
• pow.copy - 既存の変換から変換をコピーします。
• d3.scale.log - 対数変換を作成します。 (線形対応関数のコメントを参照してください)
• log - ドメイン値を入力し、ドメイン値を返します。
• log.invert - 逆変換。入力ドメイン値はドメイン値を返します。
• log.domain - ドメインを取得または設定します。
• log.range - 値の範囲を取得または設定します。
• log.rangeRound - 範囲を設定し、結果を四捨五入します。
• log.interpolate - 変換を取得または設定するための補間関数。
• 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.invertExtent - 離散値の範囲を返します。 // q.invertExtent(‘a’) の結果は [0, 0.3333333333333333]
• quantize.domain - get または set 変換のドメイン。
• quantize.range - 変換の値の範囲を取得または設定します。
• quantize.copy - 既存の変換から変換をコピーします。
• d3.scale.threshold - しきい値線形変換を構築します。ドメインは区切られた値の数値シーケンスであり、範囲は離散値です。 quantize との違いは、quantize で指定される値の範囲が区間であり、その区間が各離散値に対応する複数の小さな区間に分割されることです。しきい値は、各セル間の境界分離値を指定します。例: var t = d3.scale.threshold().domain([0, 1]).range(['a', 'b', 'c']); t(-1) === 'a' ; t(0) === 'b'; t(0.5) === 'c'; a'); // [未定義, 0] を返します t.invertExtent('b'); // [0, 1] を返します t.invertExtent('c'); // [1, 未定義] を返します
• threshold - 数値を入力し、離散値を返します。
• threshold.invertExtent - 離散値を入力し、数値を返します。
• threshold.domain - 取得または設定変換のドメイン。
• threshold.range - 取得または設定変換の値の範囲。
• threshold.copy - 既存の変換から変換をコピーします。
• d3.scale.quantile - 分位線形変換を構築します。使用方法は量子化と完全に似ていますが、分位数は中央値に基づいて区間を分離し、量子化は算術平均に基づいて区間を分離するという点が異なります。 例
• quantile - 数値を入力し、離散値を返します。
• quantile.invertExtent - 離散値を入力し、数値を返します。
• quantile.domain - 取得または設定変換のドメイン。
• quantile.range - 変換の値の範囲を取得または設定します。
• quantile.quantiles - 分位変換の分離された値を取得します。例: var q = d3.scale.quantile().domain([0, 1]).range(['a', 'b', 'c']); q.quantiles() は [0.33333333333333326, 0.6666666666666665] を返します。
• quantile.copy - 既存の変換から変換をコピーします。
• d3.scale.identity - 恒等線形変換を構築します。特別な線形線形変換。この変換の定義ドメインは、d3 内の一部の軸またはブラシ モジュールでのみ使用されます。
• identity - 恒等線形変換関数。入力値を返します。
• identity.invert - 恒等関数と同じで、入力値を返します。
• identity.domain - 取得または設定変換のドメイン。
• identity.range - 取得または設定変換の値の範囲。
• identity.ticks - ドメインから代表的な値を取得します。通常、座標軸のスケールを選択するために使用されます。
• identity.tickFormat - 座標軸スケールの形式変換に通常使用される形式変換関数を取得します。
• identity.copy - 既存の変換から変換をコピーします。

順序変換 (順序)

• d3.scale.ordinal - 順序変換オブジェクトを構築します。順序変換の入力ドメインと出力ドメインは両方とも離散的です。量的変換の入力領域は連続的であり、これが 2 つの間の最大の違いです。
• ordinal - 離散値を入力し、離散値を返します。現在のドメインにない入力値は、自動的にドメインに追加されます。
• ordinal.domain - get または set 変換のドメイン。
• ordinal.range - 変換の値の範囲を取得または設定します。
• 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 - 折れ線グラフにポリラインを生成します。
• line.x - x 軸アクセサーを設定または取得します。
• line.y - y 軸アクセサー
を設定または取得します。
• line.interpolate - 補間モードを設定または取得します。
• line.tension - カーディナル スプライン張力アクセサーを取得または設定します。
• line.define - 特定の点に線が存在するかどうかを定義します。
• d3.svg.line.radial - 放射状のライン ジェネレーターを作成します。
• line - 緯度線/レーダー折れ線グラフで使用する区分的線形曲線を生成します。
• line.radius - radius アクセサーを取得または設定します。
• line.angle - angle アクセサーを取得または設定します。
• line.define - 行定義アクセサーを設定または取得します。
• d3.svg.area - 新しいエリアジェネレーターを作成します。
• area - 面グラフの線形領域を生成します。
• area.x - x.
の座標を取得または設定するアクセサー
• area.x0 - x0 座標 (ベースライン) を取得または設定するためのアクセサー。
• area.x1 - x1 座標 (バックライン) を取得または設定するためのアクセサー。
• area.y - y 座標を取得または設定するためのアクセサー。
• area.y0 - y0 座標 (ベースライン) を取得または設定するためのアクセサー。
• area.y1 - y1 座標 (バックライン) を取得または設定するためのアクセサー。
• area.interpolate - 補間モードを取得または設定します。
• area.tension - 張力アクセサー (カーディナル スプライン張力) を取得または設定します。
• area.define - エリア定義アクセサーを取得するか定義するかを決定します。
• d3.svg.area.radial - 新しいエリア ジェネレーターを作成します。
• area - 緯度/レーダー チャートで使用する区分的線形エリアを生成します。
• area.radius - radius アクセサーを取得または設定します。
• area.innerRadius - 内部 radius (ベースライン) アクセサーを取得または設定します。
• area.outerRadius - 外側の radius (バックライン) アクセサーを取得または設定します。
• area.angle - angle アクセサーを取得または設定します。
• area.startAngle - 内部 angle (ベースライン) アクセサーを取得または設定します。
• area.endAngle - 外部 angle (バックライン) アクセサーを取得または設定します。
• area.define - エリア定義アクセサーを取得するか定義するかを決定します。
• d3.svg.arc - アーク ジェネレーターを作成します。
• arc - 円グラフまたはドーナツ グラフで使用する線形の円弧を生成します。
• arc.innerRadius - 内側半径アクセサーを取得または設定します。
• arc.outerRadius - 外側半径アクセサーを取得または設定します。
• arc.startAngle - 開始角度アクセサーを取得または設定します。
• arc.endAngle - 終了角度アクセサーを取得または設定します。
• arc.centroid - 円弧の重心を計算します。
• d3.svg.symbol - シンボル ジェネレーターを作成します。
• symbol - ハッシュ マップで使用するために指定されたシンボルを生成します。
• symbol.type - シンボル型アクセサーを取得または設定します。
• symbol.size - シンボル サイズ (平方ピクセル単位) アクセサーを取得または設定します。
• d3.svg.symbolTypes - サポートされているシンボル タイプの配列。
• d3.svg.chord - 新しいコードジェネレーターを作成します。
• chord - コード ダイアグラムで使用するために、2 つの円弧を接続する 2 次ベジェ曲線を生成します。
• chord.radius - 円弧半径アクセサーを取得または設定します。
• chord.startAngle - 円弧開始角度アクセサーを取得または設定します。
• chord.endAngle - 円弧の終了角度アクセサーを取得または設定します。
• chord.source - ソース ラジアン アクセサーを取得または設定します。
• chord.target - ターゲット ラジアン アクセサーを取得または設定します。
• d3.svg.diagonal - 新しい対角線ジェネレーターを作成します。
• diagonal - ノード接続グラフの 2D ベジェ コネクタを生成します。
• diagonal.source - ソース アクセサーを取得または設定します。
• diagonal.target - ターゲット ポイント アクセサーを取得または設定します。
• diagonal.projection - オプションの点変換器を取得または設定します。
• d3.svg.diagonal.radial - 新しいスラッシュ ジェネレーターを作成します。
• diagonal - ノード接続グラフの 2D ベジェ コネクタを作成します。

軸

• d3.svg.axis - 軸ジェネレーターを作成します。
• axis - ページ内に軸を正式に生成します。
• axis.scale - 数値とピクセル位置の変換ルールを設定する、座標軸のスケール変換を取得または設定します。
• axis.orient - 座標軸のスケール方向を取得または設定します。
• axis.ticks - 軸ティックの生成方法を制御します。
• axis.tickValues - 特定の軸の値を設定します。
• axis.tickSize - 軸上の目盛りのピクセル長を指定します。
• axis.innerTickSize - 座標軸の副目盛りのピクセル長を取得または設定します。
• axis.outerTickSize - 座標軸の大きな目盛りのピクセル長を取得または設定します。
• axis.tickPadding - 軸の目盛りと目盛りテキストの間のピクセル距離を指定します。
• axis.tickFormat - 目盛りテキストの形式を設定します。

コントロール

• d3.svg.brush - クリックしてドラッグし、2D 領域を選択します。
• ブラシ - ブラシをページ上の特定の領域に正式にバインドします。
• brush.x - 水平方向のドラッグに使用されるブラシの x 変換を取得または設定します。
• brush.y - 垂直方向のドラッグに使用されるブラシの y 変換を取得または設定します。
• brush.extent - ブラシの選択範囲 (範囲) を取得または設定します。
• brush.clear - ブラシの選択範囲 (範囲) を空に設定します。
• brush.empty - ブラシの選択範囲 (範囲) が空かどうかを決定します。
• brush.on - ブラシを取得または設定するためのイベント リスナー。ブラシスタート、ブラシ、ブラシエンドの 3 種類のイベントを監視できます。
• brush.event - プログラムを通じてリスニング イベントをトリガーし、プログラムを通じて範囲を設定した後に使用します。

d3.time (時間)

時刻の書式設定

• d3.time.format - 特定の時間形式に基づいてローカル時間形式コンバータを作成します。
• format - 日付オブジェクトを特定の時刻形式の文字列に変換します。
• format.parse - 特定の時刻形式の文字列を日付オブジェクトに変換します。
• d3.time.format.utc - 特定の時刻形式に基づいて協定世界時 (UTC) 形式コンバータを作成します。
• d3.time.format.iso - 特定の時刻形式に基づいて ISO 世界時 (ISO 8601 UTC) 形式コンバーターを作成します。

時間スケール

• d3.time.scale - ドメインが数値区間であり、その範囲が時間区間である線形時間変換を作成します。時間軸の作成によく使用されます。詳細については、d3.scale.linearを参照してください。
• scale - 入力は数値であり、戻り値は時間です。
• scale.invert - 逆変換、時間を入力し、数値を返します。
• scale.domain - 取得または設定変換のドメイン。
• scale.nice - ドメインのスコープを拡張して、ドメインをより規則的にします。
• scale.range - 変換の値の範囲を取得または設定します。
• scale.rangeRound - 範囲を設定し、結果を四捨五入します。
• scale.interpolate - get または set 変換の補間関数 (デフォルトの線形補間関数を指数補間関数に置き換えるなど)。
• scale.clamp - 値の範囲が閉じているかどうかを設定します。デフォルトは閉じていません。範囲が閉じている場合、補間結果が範囲外の場合は範囲​​の境界値が採用されます。詳細については、linear.clamp を参照してください。
• scale.ticks - ドメインから代表的な値を取得します。通常、座標軸のスケールを選択するために使用されます。
• scale.tickFormat - 座標軸スケールの形式変換に通常使用される形式変換関数を取得します。
• scale.copy - 既存の時間変換から変換をコピーします。

時間間隔

• d3.time.interval - 現地時間の時間間隔を返します。
• interval - 効果は、interval.floor メソッドと同じです。
• interval.range - 指定された間隔内の日付を返します。
• interval.floor - 最も近い間隔値に切り捨てられます。
• interval.round - 最も近い間隔値に切り上げまたは切り下げます。
• interval.ceil - 最も近い間隔値に切り上げます。
• interval.offset - 指定された時間間隔の日付オフセットを返します。
• interval.utc - 対応する UTC 時間間隔を返します。
• d3.time.day - 1 日の始まりに基づいて指定された時刻を返します (デフォルトの開始は午前 12:00 です)。
• d3.time.days - 指定された時間間隔と間隔条件に基づいてすべての日を返します。効果は day.range.
と同じです。
• d3.time.dayOf Year - 指定された時刻の年間の日数を計算します。
• d3.time.hour - 時間の開始に基づいて指定された時間を返します (例: 1:00 AM)。
• d3.time.hours - 指定された時間間隔と間隔条件に基づいてすべての時間を返します。効果はhour.range.
と同じです。
• d3.time.minut - 分の始まりに基づいて指定された時間を返します (例: 1:02 AM)。
• d3.time. minutes - 指定された時間間隔と間隔条件に基づいてすべての分を返します。効果は minutes.range.
と同じです。
• d3.time.month - 月の初めに基づいて指定された時間を返します (例: 2 月 1 日、午前 12:00)。
• d3.time.months - 指定された時間間隔および間隔条件の月に基づいてすべての時間を返します。効果は month.range.
と同じです。
• d3.time.sec - 指定された時刻を秒単位で返します (例: 1:02:03 AM)。
• d3.time.seconds - 指定された時間間隔および間隔条件の秒に基づいてすべての時間を返します。効果は Second.range.
と同じです。
• d3.time.sunday - 日曜日の開始に基づいて指定された時間を返します (例: 2 月 5 日、午前 12:00)。
• d3.time.sundays - 指定された時間間隔および間隔条件について、日曜日に基づいたすべての時間を返します。効果は sunday.range.
と同じです。
• d3.time.sundayOf Year - 日曜日を基点として、指定された時刻の 1 年の週数を計算します。
• d3.time.monday - 毎週月曜日 (例: 2 月 5 日、午前 12:00)。
• d3.time.mondays - monday.range.
のエイリアス
• d3.time.mondayOf Year - 月曜日を基準とした週番号を計算します。
• d3.time.tuesday - 毎週火曜日 (例: 2 月 5 日午前 12:00)。
• d3.time.tuesdays - tuesday.range.
のエイリアス
• d3.time.tuesdayOf Year - 火曜日を基準とした週番号を計算します。
• d3.time.wednesday - 毎週水曜日 (例: 2 月 5 日、午前 12:00)。
• d3.time.wednesdays - wednesday.range.
のエイリアス
• d3.time.wednesdayOf Year - 水曜日を基にした週番号を計算します。
• d3.time.thursday - 毎週木曜日 (例: 2 月 5 日、午前 12:00)。
• d3.time.thursdays - thursday.range.
のエイリアス
• d3.time.thursdayOf Year - 木曜日を基にした週番号を計算します。
• d3.time.friday - 毎週金曜日 (例: 2 月 5 日、午前 12:00)。
• d3.time.fridays - friday.range.
のエイリアス
• d3.time.fridayOf Year - 金曜日を基にした週番号を計算します。
• d3.time.saturday - 毎週土曜日 (例: 2 月 5 日、午前 12:00)。
• d3.time.saturdays - saturday.range.
のエイリアス
• d3.time.saturdayOf Year - 土曜日を基準とした週番号を計算します。
• d3.time.week - 日曜日のエイリアス。
• d3.time.weeks - sunday.range.
のエイリアス
• d3.time.weekOf Year - sundayOfyear.
のエイリアス
• d3.time.year - 年の開始に基づく指定時刻を返します (例: 1 月 1 日、午前 12:00)。
• d3.time.years - 指定された時間区および間隔条件のすべての期間、結果同年.range.
を返します。

构图(d3.layout)

バンドル

• d3.layout.bundle - 新しいデフォルトのバンドル レイアウトを構築します。
• バンドル - Holten の 階層バンドル アルゴリズムをエッジに適用します。

弦图(コード)