I am trying to make a pie chart react with a slider. Are there any examples where you can drag the slider and one portion of the pie chart will appear in a clock wise motion. Then as you keep dragging the rest of the pie chart will appear. Thanks!
You could create the pie chart as an object with various states that are displayed depending on the changing slider variable. Here is a (somewhat unrelated, but the basic concept applies) example that uses an object with custom states for a countdown timer. And here is a slider example that changes the state of an image object based on the slider variable.
Hi, Jordan -- In addition to the suggestions and examples Michael has offered, I wanted to stop in to share a few other general ideas for interactive pie charts that you may want to consider:
It's probably a bit late, but maybe someone else will find this useful. The best solution to adding a custom chart in Storyline that I know of is this widget: https://cluelabs.com/single-chart-elearning-widget.html What's really great is that if you change the values of the variables, you can re-generate the updated chart.
9 Replies
You could create the pie chart as an object with various states that are displayed depending on the changing slider variable. Here is a (somewhat unrelated, but the basic concept applies) example that uses an object with custom states for a countdown timer. And here is a slider example that changes the state of an image object based on the slider variable.
The countdown timer is cool, but it is hard to picture how exactly to do something like that without the story file.
Here is a brief blog post about this example.
Hi, Jordan -- In addition to the suggestions and examples Michael has offered, I wanted to stop in to share a few other general ideas for interactive pie charts that you may want to consider:
Present Data Using Interactive Charts and Graphs #64
Interactive pie-charts - please help!
How can I create a 5 wedge pie chart for Articulate?
Here is a sample that fills the pie wedge from center to rim using a slider.
I'm sure you can change it to fill from one side to the other.
Hi Jordan,Were you successful in creating a pie chart with the slider? If so could you tell me what resources you used to complete the task?
Thanks,
Jackie
Here is a sample. I used text variables to change the percentage of the 4 colors, but I'm sure you could change them with sliders just as easily.
Or you might get some ideas from the fill shape with slider example.
It's probably a bit late, but maybe someone else will find this useful. The best solution to adding a custom chart in Storyline that I know of is this widget: https://cluelabs.com/single-chart-elearning-widget.html What's really great is that if you change the values of the variables, you can re-generate the updated chart.
Thanks for sharing this sample!