title: dc.js responive geojson US map
body: <p>Testing with following sample code:
  <a href="http://dc-js.github.io/dc.js/vc/" rel="nofollow">http://dc-js.github.io/dc.js/vc/</a></p>
  
  <p>I would like to make this map responsive to the container/window size. 
  However, examples I have seen utilized topojson and SVG to scale the map. 
  <a href="http://techslides.com/demos/d3/d3-worldmap-boilerplate.html" rel="nofollow">http://techslides.com/demos/d3/d3-worldmap-boilerplate.html</a></p>
  
  <p>Is this not possible with Geojson to update the map size in a similar fashion?</p>
  
  <pre><code>d3.json("../geo/us-states.json", function (statesJson) {
          usChart.width(990)
                  .height(500)
                  .dimension(states)
                  .group(stateRaisedSum)
                  .colors(d3.scale.quantize().range(["#E2F2FF", "#C4E4FF", "#9ED2FF", "#81C5FF", "#6BBAFF", "#51AEFF", "#36A2FF", "#1E96FF", "#0089FF", "#0061B5"]))
                  .colorDomain([0, 200])
                  .colorCalculator(function (d) { return d ? usChart.colors()(d) : '#ccc'; })
                  .overlayGeoJson(statesJson.features, "state", function (d) {
                      return d.properties.name;
                  })
                  .title(function (d) {
                      return "State: " + d.key + "\nTotal Amount Raised: " + numberFormat(d.value ? d.value : 0) + "M";
                  });
  </code></pre>