title: d3js - how to rotate a map using d3js
body: <p>I'm trying to display Australia using d3. I could centre my map but couldn't rotate it property so it'd properly displayed..</p>
  
  <p>Here is the relevant code,</p>
  
  <pre><code>var projection = d3.geo.albers().scale(1).translate([0,0]);
  var path = d3.geo.path().projection(projection);
  var bounds = path.bounds(topojson.feature(dataSet, dataSet.objects.abs_aus_ced_2007));  
  var scale = 0.95 /Math.max((bounds[1][0] - bounds[0][0])/width, (bounds[1][1] - bounds[0][1])/height);
  var translate = [(width - scale * (bounds[1][0] + bounds[0][0])) / 2, (height - scale * (bounds[1][1] + bounds[0][1])) / 2];
  
  projection.scale(scale).translate(translate);
  
  path = d3.geo.path().projection(projection);
  </code></pre>
  
  <p>Map is rotated about 80degrees clockwise.. I couldn't work out how to correct the rotation to display the map properly. </p>
  
  <p>Any pointer would be awesome!!</p>