Как сделать адаптивным SVG график?

Question

[Sergey750il]

Доброго времени суток. Не получается добавить адаптивности графику сделанному по этому примеру bl.ocks.org/mbostock/3883245 Пробовал задавать проценты за место пикселей, но ничего не вышло.

Answer 1

[profesor08]

Поместите график в контейнер, а контейнеру задайте:

overflow-x: scroll;
overflow-y: none;
width: 100%;

Сам граффик не уменьшится, но если не влезает в экран, его можно быдет прокрутить. Но лучше найдите с встроенной адаптивностью.

Answer 2

[kravchenko-me]

codepen.io/anon/pen/aZOZmM

Убираем в разметке в свг width и height,
а их значения переносим во viewbox и пишем в css ширину в процентах