topojson - d3.js. How to make map full width? -


code available here. map looks full width, not @ all. there indents @ top , left , right sides. examples of d3.js maps use strange magic numbers in scale method. try use such numbers this answer, looks not true case. true way scale map? want make full width without indents on screen.

var body = d3.select("body").node().getboundingclientrect();  var coef = 640 / 360;  var width = body.width; var height = width / coef;  var svg = d3.select("body")   .append("svg")   .attr("width", width)   .attr("height", height)  var projection = d3.geo.equirectangular()   .rotate([-180, 0])   .scale(width / 640 * 100)   .translate([width / 2, height / 2])  var path = d3.geo.path()   .projection(projection);   d3.json("https://dl.dropboxusercontent.com/s/20g0rtglh9xawb8/world-50m.json?dl=1", function(error, world) {   svg.append("path")     .datum(topojson.feature(world, world.objects.land))     .attr("d", path); }); 


Comments

Popular posts from this blog

javascript - Bootstrap Popover: iOS Safari strange behaviour -

Website Login Issue developed in magento -

Can the constants be defined inside a model file of a framework in PHP? -