Crossfilter with DC.js Choropleth map

Question

D3だけでは、私が望む結果を得ることができましたが、DC.jsではいくつかの問題に直面しています。私の推測は、それは私の知識の欠如Crossfilterを使用します。

私のCSVデータには、次のようになります。次のように

ccgcode,ccgname,metric,male,female 
06M,Great Yarmouth And Waveney,3,50,70 
05G,North Staffordshire,3,40,60 
... etc 

私のjavascriptは：そのコードのほとんど

'use strict' 

var numberFormat = d3.format(".2f"); 
var ccgMap  = dc.geoChoroplethChart('.map-wrap'); 
// var sexPieChart = dc.pieChart('.pie-chart'); 

d3.csv('../data/metricdata.csv', function (data) { 
    var data = crossfilter(data); 

    var ccgs = data.dimension(function (d) { 
     return d['ccgcode']; 
    }); 

    var ccgMetric = ccgs.group(); 

    d3.json("../data/ccg.json", function (map) { 
     ccgMap.width(800) 
      .height(800) 
      .dimension(ccgs) 
      .group(ccgMetric) 
      .colors(d3.scale.quantize().range(["#7cbd30", "#0066cc", "#ee2e11"])) 
      .colorDomain([0, 200]) 
      .colorCalculator(function (d) { return d ? ccgMap.colors()(d) : '#ccc'; }) 
      .overlayGeoJson(topojson.feature(map, map.objects.ccg).features, "CCGcode", function (d) { 
       return d.properties.CCGcode; 
      }); 

     dc.renderAll(); 
    }); 
}); 

は、私が from hereを得ました。だから私は後でいくつかの問題に直面するだろうと知っています。私は着色するようになりましたが、今は地図を見せてもらえません！

単純に空白のページが表示されます。 SVGがページに描画されているのがわかりますが、パス情報はありません。

私が間違って何をしているのですか？ Crossfilterで見られるすべての例には非常に細かい粒度のデータがありますが、これはDBAが既にCCGコードグループにグループ化している私の状況で何をするかです。

なぜCrossFilterを気にしているのか分かりませんが、特定のCCG（特定の地図）をクリックします。

Answer 1

私は表示するマップを持っているOKは、ここで私がやったことです：

1. どうやらdc.geoChoroplethChart()だけ私が持っていたものであるGeoJSON、ないTopoJSONで動作します。私はthis toolを使って元に戻った。デフォルトでは、英国では動作しませんどのd3.geo.albersUsa()あるよう
2. は、.projection()が使用するコード（like here）を得た

多くのおかげでthis threadにXavierに行く（私のためではありませんでした）。