โ–ผ
Streaming live at 10am (PST)

Animated Doughnut Graph


#1

Animated Doughnut Graphs also know as the Circular Progress Models (@Waldo) can be a great way to visualy display statistics and figures.

I put togethor a page to explain how I created the doughnut graphs on my website ( alexandernichol.com)

Hope you find this useful.

Animate Doughnut Graph Without Code :smile:
http://animated-doughnut-graph.webflow.io/


Donut chart in Webflow
My New Personal Portfolio Site
Is this animation able to do in Webflow?
Animated Border
#2

Wow ! Even tutorial looks great :smiley:


#3

Wow great job on that tutorial! Thanks for sharing!


#4

finally going to study this so I can use this for tomorrow's workshop :wink:


#5

Awesome! If you have any question ask away :slightly_smiling:


#6

Wow...that is awesome!


#7

Hi @AlexN,

Thanks for this explanation. Followed your instructions and got it working. I used IX2.0 however. What do you think?

http://star-sports-landing-page.webflow.io/ (scroll down to see them)

Rob


#8

@roblewi5
That looks great! IX2 is a great choice for something like this. :+1:

There is always room for a new IX2 tutorial on the forum :wink:


#9

Hi @AlexN,

Thanks. I donโ€™t think i could produce a tutorial like yours but if I find time in the next few weeks I will give it a try.

Rob


#10

Thanks for sharing. Great job :relaxed: