d3 масштабирование по определенной стране (жестко закодировано)

#javascript #d3.js

Вопрос:

У меня есть эта карта d3:

 var svg = d3.select(mapRef.current)
      .append("svg")
      .attr("preserveAspectRatio", "xMidYMid")
      .attr("viewBox", "0 0 "   width   " "   height)
      .attr("width", width)
      .attr("height", height);

var g = svg.append("g");

g.append("g")
        .attr("id", "countries")
        .selectAll("path")
        .data(topojson.feature(values[0], values[0].objects.countries).features)
        .enter()
        .append("path")
        .attr("id", function(d) { return d.id; })
        .attr("d", path);
 

и на svg нажмите, пытаясь увеличить масштаб определенной (жестко заданной) страны (например, Франции).
есть идеи, как этого добиться?

Комментарии:

1. Пример масштабирования до ограничивающей рамки определенного объекта: observablehq.com/@d3/zoom-to-bounding-box

2. спасибо @RobinMackenzie! я просто не могу заставить его работать с жестко заданной страной/штатом.