S
S
Stanislav2016-03-23 16:50:09
css
Stanislav, 2016-03-23 16:50:09

How to implement growth chart animation in a landing page?

There is such a chart in the landing page: I
9630e0c1a19047b795a31fb91bf92829.png
often saw something like this. The bottom line is that you need to animate this graph, a simple animation - from left to right, just drawing a graph.
What is the best way to implement it so that it is also adaptive, i.e. I plan to use something like SVG.
Are there any tips, similar implementations, where to start learning?
Ideally, the line is drawn, and the points are superimposed on top of the animation, but this is so, on the second.
Thanks

Answer the question

In order to leave comments, you need to log in

2 answer(s)
A
Amir Gafurov, 2016-03-23
@amir73911

www.chartjs.org
Start here. Animation when opening can also be done, if my memory serves me right

S
Stanislav, 2016-05-25
@delfi

It was solved simply through js.
A div with a solid color is superimposed on top of the background and we gradually reduce its width, thereby revealing the background with the graph.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question