配列を使ってd3.mapを作る

Question

私はこれを調べていますexample of d3。現在、この例ではunemployment.tsvからデータを読み取ります

d3.queue() 
    .defer(d3.json, "https://d3js.org/us-10m.v1.json") 
    .defer(d3.tsv, "unemployment.tsv", function(d) { unemployment.set(d.id, +d.rate); }) 
    .await(ready); 

しかし、私は配列変数にデータを保存し、それを使用することを好むだろう。

var idRates = [ 
    ["01001","5.1"], 
    ["01003","4.9"], 
    ... ... 
] 

コードを変更してこれを使用する方法を知っている人は誰ですか？idRates？私はあなたの配列からd3.mapを作るために

Answer 1

...私たちはここでd3.map ...

あるunemploymentは、データの一部とplunkerであることを確認するためにidRatesを使用する必要があると思います、私たちは次のことを行うことができます：私たちは、基本的に地図を自分の配列を反復処理しながら、私たちはtsvデータからそれをやっていただけの方法でプロパティを設定している

for (var i = 0; i < idRates.length; i++){ 
    unemployment.set(idRates[i][0], +idRates[i][1]); 
} 

。

また、私たちはもうtsvファイルを使用していないので、ロードする行を削除しました。

d3.queue() 
    .defer(d3.json, "https://d3js.org/us-10m.v1.json") 
    //.defer(d3.tsv, "unemployment.tsv", function(d) { unemployment.set(d.id, +d.rate); }) 
    .await(ready); 

チェックはここPlunkrをフォーク - https://plnkr.co/edit/wHEbk4faWyyvWHG1TrHU?p=preview