Variable Daugnut Ring

Question

Hi,
I have created a daughnut ring that shows percentage depending on the number you insert in the input box. Also I have added a bar that displays the same percentage.
Additionally, in the next slide you can create your own daughnut ring of fixed percentage by editing the number in javascript.&nbsp;
Hope it helps someone out there.
https://360.articulate.com/review/content/937e4eaf-209a-4238-b7f5-ae5f26b4c161/review
Regards
&nbsp;

cadojp · Answer

Thanks for sharing this, Rash. As a maths teacher I really like the pairing of the ring and the bar showing the same percentage, because learners get to see one value in two forms, and that comparison is what makes percentages click. The input box version is the one I would use in class, since typing a number in and watching the ring fill makes the idea feel concrete rather than abstract. One small suggestion from the classroom side: if the input ever goes above 100, it is worth deciding what the ring should do, since pupils will definitely try it.

davidholzemer-7 · Answer

Thank you! This is a super useful script!&nbsp;
&nbsp;

vladvasiliu · Answer

Rash​ Hello and thank you for sharing this. Have you already actually used it? What kind of situations would you recommend it for ?

Forum Discussion

Related Content

Deactivate ring sound in feedback level

Overview of Variables in Storyline

Overview of Variables in Storyline

Using Text Variables in Storyline

Using Number Variables in Storyline

Learn

Community Blog

Connect

Community

Company

Trust Center