<html>
<head>
	<script src="https://d3js.org/d3.v4.min.js"></script>
	<script src="https://d3js.org/d3-geo-projection.v2.min.js"></script>
	<style>
		path{ stroke: #999; fill: #eee;}
		#boundary path{ fill: #f2f9ff; stroke: none;}		
	</style>
</head>
<body>
	<script>

var width = 1000,
	height = 600;

var svg = d3.select( "body" )
	.append( "svg" )
	.attr( "width", width )
	.attr( "height", height );

var boundary = svg.append("g")
		.attr( "id", "boundary" );

var countries = svg.append( "g" )
	.attr( "id"