javascript - ds.js 散布図を JSON データにバインドする

Question

JSONデータをバインドしてds.jsで散布図を作成することはできますか? ds Web サイトの例では、私が作成できる TSV ファイルと CSV ファイルを使用していますが、サーバーからオブジェクトのリストとして返されるデータにバインドすることをお勧めします。JSON 形式のデータにバインドする他の d3 コントロールの例を見てきましたが、その機能を散布図に転送する方法がわかりません。

Answer 1

したがって、bl.ocks.org / mbostock/3887118の例をすばやく変更するには

index.htmlファイルで、コメントアウトまたは削除します。

d3.tsv("data.tsv", function(error, data) {
    data.forEach(function(d) {
    d.sepalLength = +d.sepalLength;
    d.sepalWidth = +d.sepalWidth;
  });

と同様に結論

});

ファイルの最後にあります。

d3.tsv呼び出しの前に、次を追加します。

data = [
    { sepalLength:4.4, sepalWidth:3.5, petalLength:1.4, species: "setosa"},
    { sepalLength:4.9, sepalWidth:3.0, petalLength:1.3, species: "setosa"},
    { sepalLength:4.5, sepalWidth:3.0, petalLength:1.7, species: "setosa"},
    { sepalLength:4.2, sepalWidth:3.1, petalLength:1.5, species: "virginica"},
 ];

終わり。

ここで、おそらくサーバーからデータをフェッチする必要があるため、静的データまたはd3.tsv呼び出しの代わりに、d3json呼び出しを使用するだけです。