Разработка динамических древовидных диаграмм с использованием SVG и Vue.js

[fijj]

Было бы вообще не плохо узнать как все это дело анимировать. Есть какой нибудь аналог css transition для svg?

[bruian]

Тег такой есть помещается внутри анимируемого тэга. Рассмотрите код самого svg на этом примере. animate.svg

[Zoolander]

да, есть. Очень похожий, но со своими особенностями, в SVG много своих атрибутов

и есть одна подлянка — точка отсчета в transform для SVG по дефолту стоит в левом верхнем углу, а не в центре, как в CSS — поэтому для зума из центра и прочих пульсирующих анимаций на месте приходится лепить свои костыльки на JS. Но если зум вам не нужен — то все остальное более-менее нормально

[Fragster]

В официальной документации есть примеры анимации svg с помощью tween.js и color-js, прямая ссылка на фиддл из документации: jsfiddle.net/chrisvfritz/65gLu2b6