Как сделать анимацию свг?

Question

[Alibek Kulseitov]

Клиент просит из этих чартеров сделать свг анимацию. Чтобы они вырастали вверх за пару секунд.
Свг анимацию я не делал по этому без понятия что и как. Но посмотрев туториалы я так понимаю для этого нужно их специально как-то в иллюстраторе сохранять?

Answer 1

[Stalker_RED]

Тут есть примеры
https://www.highcharts.com/docs/chart-concepts/3d-...

Answer 2

[Саша]

Алибек Кулсеитов посмотрите в сторону плагинов для анимации svg
например greensock

Answer 3

[Никита Кит]

1) Можно с помощью JS (GSAP умопянутый выше, snap.svg, svg.js) - этот способ самый интерактвный но и самый тяжёлый.
2) Вырастали... относительное понятие. Можно поэкспериментировать на css, но это довольно костыльный способ и не все css свойства дружат с SVG.
3) Есть специальный xml для svg-анимаций - называется SMIL . тут сам гугли - самый простой вариант, но не самый суперинтерактивный