Animated Doughnut Graph

Community resources Webflow Tips
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:

15 Likes
2

Wow ! Even tutorial looks great :smiley:

2 Likes
3

Wow great job on that tutorial! Thanks for sharing!

2 Likes
4

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

2 Likes
5

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

6

Wow…that is awesome!

1 Like
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

1 Like
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:

1 Like
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:

11

Hi @AlexN, first: nice project!

So…I’ve created a topic about your graph could you please help me with this ‘bug’?

Tks