d3.geo.path()
var path = d3.geo.path() svg.append("path") .attr("d", path(states))
d3.geoProjection(project)
var width = 400 var height = 400 var projection = d3.geo.orthographic() var projections = d3.geo.equirectangular() var project = d3.geo.gnomonic() var p = d3.geo.mercator() var pro = d3.geo.transverseMercator() .scale(100) .rotate([100,0,0]) .translate([width/2, height/2]) .clipAngle(45);
<style> path { stroke: white; stroke-width: 0.5px; fill: grey; } .stateTN { fill: red; } .stateAP { fill: blue; } .stateMP{ fill: green; } </style>
<script src = "http://d3js.org/topojson.v0.min.js"></script>
var width = 600; var height = 400; var projection = d3.geo.mercator() .center([78, 22]) .scale(680) .translate([width / 2, height / 2]);
var svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height);
var path = d3.geo.path() .projection(projection);
{"type":"Topology","transform":{"scale":[0.002923182318231823,0.0027427542754275428], "translate":[68.1862,8.0765]},"objects": {"states":{"type":"GeometryCollection", "geometries":[{"type":"MultiPolygon","id":"AP","arcs": [[[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24, 25,26,27,28,29,30,31,32,33,34]],[[35,36,37,38,39,40,41]],[[42]], [[43,44,45]],[[46]],[[47]],[[48]],[[49]],[[50]],[[51]],[[52,53]], [[54]],[[55]],[[56]],[[57,58]],[[59]],[[60]],[[61,62,63]],[[64]], [[65]],[[66]],[[67]],[[68]],[[69]],[[-41,70]], [[71]],[[72]],[[73]],[[74]],[[75]]], "properties":{"name":"Andhra Pradesh"}},{"type":"MultiPolygon", "id":"AR","arcs":[[[76,77,78,79,80,81,82]]], "properties":{"name":"Arunachal Pradesh"}},{"type":"MultiPolygon", "id":"AS","arcs":[[[83,84,85,86,87,88,89,90, 91,92,93,94,95,96,97,98,99,100,101,102,103]], [[104,105,106,107]],[[108,109]]], ...... ........................................
d3.json("indiatopo.json", function(error, topology) { g.selectAll("path") .data(topojson.object(topology, topology.objects.states) .geometries) .enter() .append("path") .attr("class", function(d) { return "state" + d.id; }) .attr("d", path) });
.data(topojson.object(topology, topology.objects.states) .geometries)