Этот svg работает так, как ожидалось, однако при изменении размера с помощью viewBox мой результат был менее оптимальным. Кажется, что svg является слоем поверх вершины div, который я пытаюсь использовать внутри. Цель состоит в том, чтобы иметь несколько датчиков в пределах этих бутстраповских панелей, но я не получил мимо первой ...Как масштабировать svg внутри панели начальной загрузки
Plnkr: https://plnkr.co/edit/3quWHAs1EpMQAv7P4dZC?p=preview
Не уверен, что если у меня есть d3 JS неправильно, или бутстраповская неправильно, или комбинация обоих ..
var svg = d3.select("#g1")
.append("svg")
.classed("svg-container", true)
//responsive SVG needs these 2 attributes and no width and height attr
.attr("preserveAspectRatio", "xMinYMin meet")
.attr("viewBox", "0 0 400 400")
// class to make it responsive
.attr('class', 'svg-content-responsive');