Piechart Slider

move the slider to change the chart

Piechart Slider


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



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


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!