Hover Map

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

var svg = d3.select("body")
			.append("svg")
			.attr("width", width)
			.attr("height", height);
  
d3.json(src="https://gist.githubusercontent.com/majomo/1beba4e212d12f3d6e29/raw/1bd280591bc4959449505395c90f7ffdd2e2ddbd/bcGeo.json", function(json)
	{  
  
  //Bind data and create one path per GeoJSON feature
					svg.selectAll("path")
					   .data(json.features)
					   .enter()
					   .append("path")
					   .attr("d", path)
					   .on('click', function(d) { console.log(d.properties.CDNAME) 
					   	
					   });
					   
        });
  
 </script>
</body>
</html>

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

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