GISTS// source https://jsbin.com/hihoke

<html lang='en'>
<head>
	
<meta charset='utf-8'>
<title>GISTS</title>

////UNCOMMENT THIS TO MAKE A CHOROPLETH
  /*
  var color = d3.scale.quantize()
					.range(["rgb(237,248,233)","rgb(186,228,179)","rgb(116,196,118)","rgb(49,163,84)","rgb(0,109,44)"]);
  */
  
var svg = d3.select("body")
			.append("svg")
			.attr("width", width)
			.attr("height", height);

/*
  
d3.csv(src="https://gist.githubusercontent.com/majomo/65e7a9367c1edef6f573/raw/a28c185ba29bda010c38944044f9096b820cacf7/regDistBc.csv", function(data){

//Set input domain for color scale
				color.domain([
					d3.min(data, function(d) { return d.value; }), 
					d3.max(data, function(d) { return d.value; })
				]);  
  */

d3.json(src="https://gist.githubusercontent.com/majomo/1beba4e212d12f3d6e29/raw/1bd280591bc4959449505395c90f7ffdd2e2ddbd/bcGeo.json", function(json)
	{  /*
  for(var i = 0; i < data.length; i++){
    var dataCDNAME = data[i].CDNAME;
    
    var dataValue = parseFloat(data[i].value);
    
    for(var j = 0; j <json.features.length; j++)
      {
        var jsonCDNAME = json.features[j].properties.CDNAME;
        if(dataCDNAME == jsonCDNAME){
          
          json.features[j].properties.value = dataValue;
          
          break;
        }
        
      }
  }
  
  */
  
  
//Bind data and create one path per GeoJSON feature
					svg.selectAll("path")
					   .data(json.features)
					   .enter()
					   .append("path")
					   .attr("d", path)
					   .style("fill", "steelblue");
        });
  
  /*.style("fill", function(d) {
					   		//Get data value
					   		var value = d.properties.value;
					   		
					   		if (value) {
					   			//If value exists…
						   		return color(value);
					   		} else {
					   			//If value is undefined…
						   		return "#ccc";
					   		}
					   });
*/

</script>

////UNCOMMENT THIS TO MAKE A CHOROPLETH
  /*
  var color = d3.scale.quantize()
					.range(["rgb(237,248,233)","rgb(186,228,179)","rgb(116,196,118)","rgb(49,163,84)","rgb(0,109,44)"]);
  
var svg = d3.select("body")
			.append("svg")
			.attr("width", width)
			.attr("height", height);

d3.csv(src="https://gist.githubusercontent.com/majomo/65e7a9367c1edef6f573/raw/a28c185ba29bda010c38944044f9096b820cacf7/regDistBc.csv", function(data){

//Set input domain for color scale
				color.domain([
					d3.min(data, function(d) { return d.value; }), 
					d3.max(data, function(d) { return d.value; })
				]);  
  */

<\/script>
</body>
</html></script>

</body>
</html>

Modified http://code.jquery.com/jquery-1.11.3.min.js to a secure url

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js

https://code.jquery.com/jquery-1.11.3.min.js

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js

https://code.jquery.com/jquery-1.11.3.min.js