\n
Combining Sliders for Interactive Infographics #260: Challenge | Recap
\n
Interactive sliders are a great way to get learners to touch the screen and explore relationships between two or more concepts. In this week’s challenge, we’re looking at how sliders can be used to make data more interactive.
\n
Slider Infographic
\n
Here's a slider example that combines two sliders to create a masking effect.
\n
\n
View the project | Download
\n
Oil Infographic
\n
Here’s a good example of how sliders can be used to create interactive infographic. I like this example because it uses a masking effect combined with custom sliders that share a single variable. How does that work? You can read more about Mike’s example and learn how he built it in this article.
\n
\n
Click to view the example
\n
Challenge of the Week
\n
This week, your challenge is to show creative ideas for using sliders to build interactive infographics. Sliders are relatively simple to use in Storyline 360, but your examples could require some advanced techniques.
\n
If you get stuck or have any questions this week, please post your questions in the Storyline forums and we'll help you out.
\n
New Entries Only!
\n
We’ve hosted several slider challenges and the examples are always amazing. To keep things fresh, we’re asking that you share only new examples this week. You’re more than welcome to re-work a previous example.
\n
Related Challenges
\n
\n
Last Week’s Challenge:
\n
Before you slide into this week’s challenge, take a few minutes to browse the holiday-themed examples and course starters your fellow challengers shared over the past week:
\n
\n
Holiday E-Learning Examples #259: Challenge | Recap
\n
Wishing you a sliderrific week, E-Learning Heroes!
\n
New to the E-Learning Challenges?
\n
The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.
","kudosSumWeight":0,"postTime":"2019-11-30T10:52:37.000-08:00","images":{"__typename":"AssociatedImageConnection","edges":[{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDE","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ0MTM2LTE4NjkwaTkzMDAzN0U2OTg2NEE1OUI?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDI","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ0MTM2LTYwODQyaUZDRjA1QkM0NDFEMEEyN0I?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDM","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ0MTM2LTE2Mzk3aTY4ODEwNzY4MjdENTQ4REM?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDQ","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ0MTM2LTIyM2kzQUVFMUNENUFGNDcxMkJD?revision=1\"}"}}],"totalCount":4,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"attachments":{"__typename":"AttachmentConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"tags":{"__typename":"TagConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"TagEdge","cursor":"MjUuMnwyLjF8b3wxMHxfTlZffDE","node":{"__typename":"Tag","id":"tag:E-Learning Challenge","text":"E-Learning Challenge","time":"2015-11-11T20:02:32.000-08:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}}]},"timeToRead":2,"rawTeaser":"","introduction":"","coverImage":null,"coverImageProperties":{"__typename":"CoverImageProperties","style":"STANDARD","titlePosition":"BOTTOM","altText":""},"currentRevision":{"__ref":"Revision:revision:1144136_1"},"latestVersion":{"__typename":"FriendlyVersion","major":"1","minor":"0"},"metrics":{"__typename":"MessageMetrics","views":113},"visibilityScope":"PUBLIC","canonicalUrl":null,"seoTitle":null,"seoDescription":null,"placeholder":false,"originalMessageForPlaceholder":null,"contributors":{"__typename":"UserConnection","edges":[]},"nonCoAuthorContributors":{"__typename":"UserConnection","edges":[]},"coAuthors":{"__typename":"UserConnection","edges":[]},"blogMessagePolicies":{"__typename":"BlogMessagePolicies","canDoAuthoringActionsOnBlog":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.blog.action_can_do_authoring_action.accessDenied","key":"error.lithium.policies.blog.action_can_do_authoring_action.accessDenied","args":[]}}},"archivalData":null,"customFields":[],"revisions({\"constraints\":{\"isPublished\":{\"eq\":true}},\"first\":1})":{"__typename":"RevisionConnection","totalCount":1}},"Conversation:conversation:1144136":{"__typename":"Conversation","id":"conversation:1144136","solved":false,"topic":{"__ref":"BlogTopicMessage:message:1144136"},"lastPostingActivityTime":"2024-03-22T12:47:46.000-07:00","lastPostTime":"2024-03-22T12:47:46.000-07:00","unreadReplyCount":136,"isSubscribed":false},"ModerationData:moderation_data:1144136":{"__typename":"ModerationData","id":"moderation_data:1144136","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ0MTM2LTE4NjkwaTkzMDAzN0U2OTg2NEE1OUI?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ0MTM2LTE4NjkwaTkzMDAzN0U2OTg2NEE1OUI?revision=1","title":"uploads_rte_bguvmcrp_Using-sliders-for-interactive-infographics_CHALLENGE.png","associationType":"BODY","width":1512,"height":760,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ0MTM2LTYwODQyaUZDRjA1QkM0NDFEMEEyN0I?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ0MTM2LTYwODQyaUZDRjA1QkM0NDFEMEEyN0I?revision=1","title":"uploads_rte_gslucehv_Slider-infographics-by-montse.gif","associationType":"BODY","width":794,"height":446,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ0MTM2LTE2Mzk3aTY4ODEwNzY4MjdENTQ4REM?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ0MTM2LTE2Mzk3aTY4ODEwNzY4MjdENTQ4REM?revision=1","title":"uploads_rte_jcbnwxvf_oil infographic2.gif","associationType":"BODY","width":714,"height":398,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ0MTM2LTIyM2kzQUVFMUNENUFGNDcxMkJD?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ0MTM2LTIyM2kzQUVFMUNENUFGNDcxMkJD?revision=1","title":"uploads_rte_xcoepanf_Holiday-Theme-Interactions_RECAP.jpg","associationType":"BODY","width":1512,"height":760,"altText":null},"Revision:revision:1144136_1":{"__typename":"Revision","id":"revision:1144136_1","lastEditTime":"2019-11-30T10:52:37.000-08:00"},"BlogReplyMessage:message:1144177":{"__typename":"BlogReplyMessage","id":"message:1144177","conversation":{"__ref":"Conversation:conversation:1144136"},"author":{"__ref":"User:user:1382247"},"revisionNum":1,"uid":1144177,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","readOnly":false,"editFrozen":false,"moderationData":{"__ref":"ModerationData:moderation_data:1144177"},"parent":{"__ref":"BlogReplyMessage:message:1144171"},"body":"