Estoy tratando de dibujar un mapa de coropletas de Seúl, pero solo me da un rectángulo negro.
Pensé que podría haber un problema con projection.scale . escala pero no pude resolverlo.
Usé la función scale.fitSize() para manejarlo. pero mi d3 es una versión anterior que no está disponible en fitSize() .

mi código está aquí:

 var width = 600, height = 700; var svg = d3.select('#chart').append('svg') .attr('width',width) .attr('height',height); var projection = d3.geo.mercator() .center([128,36]) .scale(5000) .translate([width/2, height/2]); var path = d3.geo.path() .projection(projection); d3.json('Seoulmap.json',function(error,data) { var features = topojson.feature(data, data.objects['Seoulmap']).features; svg.selectAll('path') .data(features) .enter().append('path') .attr('class','name') .attr('d',path) .attr('id',function(d) { return d.properties.ADM_DR_NM; }); });

Cómo mi código está representando un rectángulo negro: