D3 Examples - Aligning topojson?

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<style>
​
</style>
<body>
<svg></svg>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="https://d3js.org/topojson.v1.min.js"></script>
<script src="https://d3js.org/queue.v1.min.js"></script>
<script>
var cm = tributary.getCodeEditor("inlet.js")
cm.tabSize = 4;
​
var width = 980,
    height = 800;
​
var path = d3.geo.path()
.projection(null);
​
var svg = d3.select("svg");
​
queue()
    .defer(d3.json, "ca.json")
    .defer(d3.json, "ag.json")
    .await(ready);
​
function ready(error, ca, ag) {
    svg.append("path")
    .datum(topojson.feature(ca, ca.objects.ca))
    .attr({
        "class": "ca",
        "d": path
    });
    
    svg.append("path")
    .datum(topojson.feature(ag, ag.objects.agri))
    .attr({
        "class": "ag",
        "d": path
      }
    });
}
​
</script>
</body>
</html>
​
    