Как увеличить карту GeoJson в d3?

Question

Итак, моя карта работает, но получилась очень маленькой (как видно ниже).Когда я пытался увеличить его, он становится больше, но всегда переходит вправо.Я использовал .scale ([значение]), чтобы увеличить его, но это только увеличивает и уменьшает карту, поэтому она не очень гибкая, если я хочу использовать несколько карт.Если мое значение масштабирования равно 3000, я должен был бы сделать ширину отрицательным значением, чтобы карта оставалась в центре экрана. Так есть ли способ увеличить карту, увеличив карту?

, если вам нужно знать, что я использую v5 из d3.js

height=650-margin.top-margin.bottom,
width=1000-margin.left-margin.right;

var nj_map=d3.json("data/nj_counties.topojson").then(function(data){
    console.log(data)
    return data
});



var svg=d3.select("#charting-area").append("svg").attr("width",width+margin.left+margin.right).attr("height",height+margin.top+margin.bottom);
var g=svg.append("g")
.attr("transform","translate("+margin.left+","+margin.top+")");

var projection=d3.geoAlbersUsa() 
.scale([1000])
.translate([width/2,height/2]) ;

var path=d3.geoPath()
.projection(projection);

Promise.all([nj_map]).then(function(values){
var counties=topojson.feature(values[0],values[0].objects.nj_counties).features
console.log(counties)

g.selectAll(".county")
.data(counties)
.enter()
.append("path")
.attr("class","county")
.attr("d",path)

})