title: Building a map with coloring condition
body: <p>I am trying to build a choropleth that is not exactly a choropleth in dc.js. What I am trying to do is color the map base on coloring condition and ultimately this will interact with other charts and filters as well. My csv looks like this: </p>
  
  <pre><code>country,id,condition,value
  AU,1,yes,19
  US,2,no,23
  US,2,no,30
  US,2,no,4    
  IN,3,yes,14
  SG,4,yes,2
  NZ,5,no,6
  NZ,5,no,20
  </code></pre>
  
  <p>and this is my approach so far, producing the count of occurrences.</p>
  
  <pre><code>var ndx = crossfilter(data)
  var countryDimension = ndx.dimension(function (d){
    return d.country
  });
  
  var colors = d3.scale.ordinal().domain(['yes','no']).range(["green","blue"])
  worldMap.width(mapWidth)
  .height(mapHeight)
    .dimension(countryDimension)
    .group(countryDimension.group())
    .projection(project)
    .colors(colors)
    .colorCalculator(function(d){
      return d ? worldMap.colors()(d) : '#d8d8d8';
    })
    .overlayGeoJson(geoJson.features, "id", function(d){
      return d.id;
    })
    .title(function(d){
      return 'Country: ' + d.key + '\nCondition: ' + d.value;
    });
  </code></pre>
  
  <p>I am quite new to this amazing world of d3 and dc.js. Although I have been reading the documentation and forums I cannot figure out how I could make it so that a map is drawn, and the countries with the condition 'yes' is colored green and countries with the condition 'no' is colored blue. So pretty much if i do console.log(d.value) it should return either 'yes' or 'no'. I don't get what I have to do with my 'group'. </p>