Я обработал растровые данные SRTM для генерации шейп-файлов -> geojson -> topojson, чтобы я мог использовать D3js в подходящем формате.

Результат выглядит следующим образом (синяя область - это мое увеличенное изображение svg):

Учитывая географический район интереса гео-границ (западная граница, север, восток, юг)и центр:

// India geo-frame borders in decimal ⁰
var WNES = { "W": 67.0, "N":37.5, "E": 99.0, "S": 5.0 };
// India geo-center :
var latCenter = (WNES.S + WNES.N)/2,
    lonCenter =  (WNES.W + WNES.E)/2;

// HTML expected frame dimensions
var width  = 713,
    height = 724;   

// Projection: projection, center coord, scale(?), translate:
var projection = d3.geo.mercator()
    .center([lonCenter, latCenter])
    .scale(width)
    .translate([width/2, height/2]); // this push into the center of the html frame

// SVG injection:
var svg = d3.select("body").append("svg")
    .attr("width", width)
    .attr("height", height);

Каковы отношения между гео-измерениями, SVG-измерениями и масштабом?

Как сделать «автофокус» максимально упрощенным?