title: D3.js Map with Albers Projection: How to rotate it?
body: <p>I'm building a map of the Philippines with d3.js and for a strange reason the map looks like rotated on the left, so that the country doesn't look how it really is. 
  I've tried to modify the projection.rotate field but doesn't seems like is the correction line.</p>
  
  <pre><code>    var width = 1060,
      height = 860;
  
      var svg = d3.select("body").append("svg")
          .attr("width", width)
          .attr("height", height)
          .style("overflow", "auto");
  
      d3.json("ph.json", function(error, ph) {
        if (error) return console.error(error);
  
        var subunits = topojson.feature(ph, ph.objects.ph_subunits);
  
        var projection = d3.geo.albers();
        projection.rotate([-4 ,0]);
        projection.scale(3000);
        projection.center([122.427150, 12.499176]);
        projection.parallels([10, 15])
        projection.translate([width / 2, height / 2]);
  
        var path = d3.geo.path()
             .projection(projection)
             .pointRadius(2);
        svg.append("path")
          .datum(subunits)
          .attr("d", path);
  
      });
  </code></pre>
  
  <p>This is the code. </p>
  
  <p>Any help would be great!</p>
  
  <p>Thanks!</p>