Piechart Slider

move the slider to change the chart

Piechart Slider
Demo

Why?

Higher involvement by adding interactivity to sliders. People feel more engaged when they see their action.

Inspiration

Limesurvey

Also a Limesurvey fan? You can try this file and adjust it to your own survey.
Tested with Version 3.17.4+190529

Lines of code to change:

background: url('https://www.') // the link to the images you want to use for the slider anchor point (3 times)
$( 'input#answer268623X3X31A1' ).val( utilslider.value + "%" );   // to your own SGQA ID
$( '#question31' ).hide(); // to your own question number from the hidden question
							    

Note

Solutions and code are given without any warranty, implied or otherwise.

Looking for a specific solution, existing tool or like to brainstorm? Feel free to contact me!