ccgcode, ccgname, metric, male, female
06M, Great Yarmouth And Waveney, 3, 70, 30
'use strict'
var ccgMap = dc.geoChoroplethChart('#map-wrap');
d3.csv("../data/metricdata.csv", function (data) {
var data = crossfilter(data);
d3.json("../data/ccg.json", function (map) {
ccgMap.width(800)
.height(800)
.dimension(data)
.group(data)
.colors(d3.scale.quantize().range(["#E2F2FF", "#C4E4FF", "#9ED2FF", "#81C5FF", "#6BBAFF", "#51AEFF", "#36A2FF", "#1E96FF", "#0089FF", "#0061B5"]))
.colorDomain([0, 200])
.colorCalculator(function (d) { return d ? ccgMap.colors()(d) : '#ccc'; })
.overlayGeoJson(map.features, "ccgcode", function (d) {
return d.properties.ccgname;
})
.title(function (d) {
return "CCG: " + d.key + "\nTotal Amount Raised: " + numberFormat(d.value ? d.value : 0) + "M";
});
dc.renderAll();
});
});
--
You received this message because you are subscribed to the Google Groups "dc-js user group" group.
To unsubscribe from this group and stop receiving emails from it, send an email to dc-js-user-gro...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/dc-js-user-group/62edf5ca-d3b4-4fc1-86d1-ea1ba967932b%40googlegroups.com.
'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"];
});
d3.json("../data/ccg.json", function (map) { ccgMap.width(800) .height(800)
.dimension(ccgs) .group(ccgs.groupAll())
.colors(d3.scale.quantize().range(["#E2F2FF", "#C4E4FF", "#9ED2FF", "#81C5FF", "#6BBAFF", "#51AEFF", "#36A2FF", "#1E96FF", "#0089FF", "#0061B5"])) .colorDomain([0, 200]) .colorCalculator(function (d) { return d ? ccgMap.colors()(d) : '#ccc'; }) .overlayGeoJson(map.features, "ccgcode", function (d) { return d.properties.ccgname; }) .title(function (d) { return "CCG: " + d.key + "\nTotal Amount Raised: " + numberFormat(d.value ? d.value : 0) + "M"; });
dc.renderAll(); });});
'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 stateCCGMetric = ccgs.group().reduceSum(function (d) { console.log(d); return d['metric'];
});
d3.json("../data/ccg.json", function (map) { ccgMap.width(800) .height(800) .dimension(ccgs)
.group(stateCCGMetric) .colors(d3.scale.quantize().range(["#E2F2FF", "#C4E4FF", "#9ED2FF"]))
.colorDomain([0, 200]) .colorCalculator(function (d) { return d ? ccgMap.colors()(d) : '#ccc'; })
.overlayGeoJson(map.features, "CCGCode", function (d) {
'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'; })
d3.json("data/mdg_admin1.json", function(admin1JSON) {
var width = 300;
var height = 450
var projection = d3.geo.mercator();
var path = d3.geo.path().projection(projection);
//set up scale and translate
var bounds, scale, offset;
projection.scale(1).translate([0,0]);
var bounds = path.bounds(admin1JSON);
var scale = .90 / Math.max((bounds[1][0] - bounds[0][0]) / width, (bounds[1][1] - bounds[0][1]) / height);
var offset = [(width - scale * (bounds[1][0] + bounds[0][0])) /2, (height - scale * (bounds[1][1] + bounds[0][1])) /2 ];
projection.scale(scale).translate(offset);
admin1Map
.width(width)
.height(height)
.dimension(admin1MapDim)
.group(admin1MapGroup)
.colors(d3.scale.quantize().range(["#E2F2FF", "#C4E4FF", "#9ED2FF", "#81C5FF", "#6BBAFF", "#51AEFF", "#36A2FF", "#1E96FF", "#0089FF", "#0061B5"]))
.colorDomain([0, 200])
.colorCalculator(function (d) { return d ? admin1Map.colors()(d) : '#ccc'; })
.projection(projection)
.overlayGeoJson(admin1JSON.features, "mdg_adm1",
function(d) {
return d.properties.code;
})