D3 Examples - The Finnish Map

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
    svg { width:100%; height: 100% }
  </style>
</head>
​
<body>
  <script>
    // Feel free to change or delete any of the code you see!
    
            //Width and height
            var w = 500;
            var h = 300;
            //Define default path generator
            var path = d3.geo.path();
            //Create SVG element
            var svg = d3.select("body")
                        .append("svg")
                        .attr("width", w)
                        .attr("height", h);
    
     var projection = d3.geo.transverseMercator()
            .scale(1)
            .translate([0,0])
            .rotate([1, 0, -45]);
    
    
            //Load in GeoJSON data
            d3.json("finland.json", function(json) {
                
                //Bind data and create one path per GeoJSON feature
                svg.selectAll("path")
                   .data(json.features)
                   .enter()
                   .append("path")
                   .attr("d", path);
        
            });
    
  </script>
</body>
​
    