delfi
@delfi
https://ittricks.ru

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

Есть вот такой график в лэндинге:
9630e0c1a19047b795a31fb91bf92829.png

Частенько видел что-то подобное. Суть в том, что нужно анимировать этот график, простая анимация - слева направо, просто прорисовка графика.
Как лучше реализовать, чтобы еще было адаптивно, т.е. в планах использовать что-то вроде SVG.
Есть какие-то советы, похожие реализации, с чего начать изучение?
В идеале - линия рисуется, а точки поверх накладываются анимацией, но это так, на второе.

Спасибо
  • Вопрос задан
  • 460 просмотров
Пригласить эксперта
Ответы на вопрос 2
www.chartjs.org
Начните изучение с этого. Анимацию при открытии тоже можно делать, если мне не изменяет память
Ответ написан
Комментировать
delfi
@delfi Автор вопроса
https://ittricks.ru
Решилось просто через js.
Поверх фона накладывается div со сплошным цветом и постепенно его ширину уменьшаем, тем самым проявляя фон с графиком.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Rocket Смоленск
от 80 000 до 130 000 ₽
Wanted. Санкт-Петербург
До 180 000 ₽
move2usajobs LLC Лос-Анджелес
от 2 000 до 4 000 $
14 нояб. 2024, в 09:22
30000 руб./за проект
14 нояб. 2024, в 08:55
40000 руб./за проект