Opens in a new windowOpens an external websiteOpens an external website in a new window
This website utilizes technologies such as cookies to enable essential site functionality, as well as for analytics, personalization, and targeted advertising. To learn more, view the following link: Privacy Notice
Blog Post
E-Learning Challenges
2 MIN READ
Using Sliders to Design Interactive Infographics #260
Combining Sliders for Interactive Infographics #260: Challenge | Recap
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.
Slider Infographic
Here's a slider example that combines two sliders to create a masking effect.
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.
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.
If you get stuck or have any questions this week, please post your questions in the Storyline forums and we'll help you out.
New Entries Only!
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.
Related Challenges
Interactive Sliders in E-Learning #52: Challenge | Recap
Parallax Scrolling in E-Learning #115: Challenge | Recap
Parallax Scrolling Effects in E-Learning #253: Challenge | Recap
Last Week’s Challenge:
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:
Nicely done, Jessica! I like the masking effect in the church graphic. The photo background adds a layer of richness.
One thing caught my eye. The $ signs aren't filling in as smoothly as I'd expect. Would you mind sharing your file? I'd like to take a quick look to see what's going on and if I can make some recommendations.
Hi Justin, very elegant and simple, I like how smooth the lines are in their animations. Have you tried removing the border in the slider, around the house?
Hi all! This is my first time participating in a challenge -- glad to be here! For my demo, I wanted to explore using the back-and-forth motion of the slider to mimic that movement in real life to cause an effect. This is admittedly not an infographic, but once this idea popped into my head, I had to try it. Curious for your thoughts!
It's virtually an infograph too - would only need some supporting instructions / diagrams to explain how the motion creates friction and heat. Perhaps even a heat gauge powered by the same variable that is triggering the smoke and fire animations?
It's pretty much perfect as it is though and works, for me, at a very subtle yet clever level as an infograph. Friction = heat = fire.
This from the guy that rated four Marvel superheroes on their level of radioactivity in his entry, so what do I know 😄
Looking forward to seeing more of your work in future challenges.
I love this! This is a great example of how to use a slider in a different way than just linear. Welcome to the challenges and I agree with Jonathan - I hope to see more from you in the next challenges :)
Really cool, Alex! Great looking illustration. How did you animate the question mark? Is that following a motion path? Did you use a slider, or is this advanced with hot spots?
Thanks David! Glad you liked it. No, it's not hotspots as that would have involved a click, not a slide across the path. I used motion paths controlled by a slider to make a smooth slide across the line.
Hi Philippe! Glad you liked my demo and that you found inspiration in it. Your example turned out really well, I see you nailed the challenge within this challenge you mentioned earlier. I like the design, the animations are smooth, sound is in sync, well done! Thank you and it was nice to practice my French, as well!
Another first-timer here! Posting the review link but would love to chat about my posting options for the future, I see it done a couple of different ways.
Welcome to the Challenges Ashley - a good start too!
If I could make a couple of small recommendations? Try removing the outline from your slider thumb to really make the most of that customised slider. And try reversing the wipe on the bottle so the 'milk' reduces downwards as the baby's solid food intake increases?
I use an AWS account to host my ELH Challenge entries, which I publish for 'Web'. I'm also fond of a 'chromeless' player too, which removes the standard player window. This is particularly handy when designing for mobile devices or interactive blocks to be used in Rise.
If you'd like to chat more about this, drop me a line.
Hi Montse :) I did not. I borrowed the animation from an artist on Dribble. You can view the original here: https://dribbble.com/shots/5039546-Moonwalk. I imagine it would've been created with After Effects.
Hello! This is my second post here. I'm new at ID work, and would love feedback if you have any. This example is based on horror stories I have heard from those with families larger than my own, and is intended to be humorous rather than factual. Thanks!
Nice use of multiple sliders. That's one thing I need to learn how to tackle. Love the farming scene too.
"}},"componentScriptGroups({\"componentId\":\"custom.widget.GoogleTag\"})":{"__typename":"ComponentScriptGroups","scriptGroups":{"__typename":"ComponentScriptGroupsDefinition","afterInteractive":{"__typename":"PageScriptGroupDefinition","group":"AFTER_INTERACTIVE","scriptIds":[]},"lazyOnLoad":{"__typename":"PageScriptGroupDefinition","group":"LAZY_ON_LOAD","scriptIds":[]}},"componentScripts":[]},"cachedText({\"lastModified\":\"1744833251834\",\"locale\":\"en-US\",\"namespaces\":[\"components/community/NavbarDropdownToggle\"]})":[{"__ref":"CachedAsset:text:en_US-components/community/NavbarDropdownToggle-1744833251834"}],"cachedText({\"lastModified\":\"1744833251834\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/users/UserAvatar\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/users/UserAvatar-1744833251834"}],"cachedText({\"lastModified\":\"1744833251834\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/ranks/UserRankLabel\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1744833251834"}],"cachedText({\"lastModified\":\"1744833251834\",\"locale\":\"en-US\",\"namespaces\":[\"components/tags/TagView/TagViewChip\"]})":[{"__ref":"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1744833251834"}],"cachedText({\"lastModified\":\"1744833251834\",\"locale\":\"en-US\",\"namespaces\":[\"components/users/UserRegistrationDate\"]})":[{"__ref":"CachedAsset:text:en_US-components/users/UserRegistrationDate-1744833251834"}],"cachedText({\"lastModified\":\"1744833251834\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/nodes/NodeAvatar\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/nodes/NodeAvatar-1744833251834"}],"cachedText({\"lastModified\":\"1744833251834\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/nodes/NodeDescription\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/nodes/NodeDescription-1744833251834"}],"cachedText({\"lastModified\":\"1744833251834\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageListMenu\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageListMenu-1744833251834"}],"cachedText({\"lastModified\":\"1744833251834\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable-1744833251834"}],"cachedText({\"lastModified\":\"1744833251834\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/common/Pager/PagerLoadMore\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMore-1744833251834"}],"message({\"id\":\"message:1144172\"})":{"__ref":"BlogReplyMessage:message:1144172"},"message({\"id\":\"message:1144173\"})":{"__ref":"BlogReplyMessage:message:1144173"},"message({\"id\":\"message:1144189\"})":{"__ref":"BlogReplyMessage:message:1144189"},"message({\"id\":\"message:1144174\"})":{"__ref":"BlogReplyMessage:message:1144174"},"message({\"id\":\"message:1144176\"})":{"__ref":"BlogReplyMessage:message:1144176"},"message({\"id\":\"message:1144214\"})":{"__ref":"BlogReplyMessage:message:1144214"},"message({\"id\":\"message:1144258\"})":{"__ref":"BlogReplyMessage:message:1144258"},"message({\"id\":\"message:1144225\"})":{"__ref":"BlogReplyMessage:message:1144225"},"message({\"id\":\"message:1144259\"})":{"__ref":"BlogReplyMessage:message:1144259"},"message({\"id\":\"message:1144180\"})":{"__ref":"BlogReplyMessage:message:1144180"},"message({\"id\":\"message:1144265\"})":{"__ref":"BlogReplyMessage:message:1144265"},"message({\"id\":\"message:1144188\"})":{"__ref":"BlogReplyMessage:message:1144188"},"message({\"id\":\"message:1144193\"})":{"__ref":"BlogReplyMessage:message:1144193"},"message({\"id\":\"message:1144216\"})":{"__ref":"BlogReplyMessage:message:1144216"},"message({\"id\":\"message:1144256\"})":{"__ref":"BlogReplyMessage:message:1144256"},"message({\"id\":\"message:1144191\"})":{"__ref":"BlogReplyMessage:message:1144191"},"message({\"id\":\"message:1144194\"})":{"__ref":"BlogReplyMessage:message:1144194"},"message({\"id\":\"message:1144208\"})":{"__ref":"BlogReplyMessage:message:1144208"},"message({\"id\":\"message:1144196\"})":{"__ref":"BlogReplyMessage:message:1144196"},"message({\"id\":\"message:1144198\"})":{"__ref":"BlogReplyMessage:message:1144198"},"message({\"id\":\"message:1144203\"})":{"__ref":"BlogReplyMessage:message:1144203"},"message({\"id\":\"message:1144219\"})":{"__ref":"BlogReplyMessage:message:1144219"},"message({\"id\":\"message:1144252\"})":{"__ref":"BlogReplyMessage:message:1144252"},"message({\"id\":\"message:1144199\"})":{"__ref":"BlogReplyMessage:message:1144199"},"message({\"id\":\"message:1144205\"})":{"__ref":"BlogReplyMessage:message:1144205"},"message({\"id\":\"message:1144217\"})":{"__ref":"BlogReplyMessage:message:1144217"},"message({\"id\":\"message:1144218\"})":{"__ref":"BlogReplyMessage:message:1144218"},"message({\"id\":\"message:1144197\"})":{"__ref":"BlogReplyMessage:message:1144197"},"message({\"id\":\"message:1144207\"})":{"__ref":"BlogReplyMessage:message:1144207"},"message({\"id\":\"message:1144236\"})":{"__ref":"BlogReplyMessage:message:1144236"},"message({\"id\":\"message:1144215\"})":{"__ref":"BlogReplyMessage:message:1144215"},"message({\"id\":\"message:1144235\"})":{"__ref":"BlogReplyMessage:message:1144235"},"message({\"id\":\"message:1144257\"})":{"__ref":"BlogReplyMessage:message:1144257"},"message({\"id\":\"message:1144186\"})":{"__ref":"BlogReplyMessage:message:1144186"},"message({\"id\":\"message:1144224\"})":{"__ref":"BlogReplyMessage:message:1144224"},"message({\"id\":\"message:1144175\"})":{"__ref":"BlogReplyMessage:message:1144175"},"message({\"id\":\"message:1144178\"})":{"__ref":"BlogReplyMessage:message:1144178"},"message({\"id\":\"message:1144179\"})":{"__ref":"BlogReplyMessage:message:1144179"},"cachedText({\"lastModified\":\"1744833251834\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/nodes/NodeIcon\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/nodes/NodeIcon-1744833251834"}]},"Theme:customTheme1":{"__typename":"Theme","id":"customTheme1"},"User:user:-1":{"__typename":"User","id":"user:-1","uid":-1,"login":"Deleted user","email":"","avatar":null,"rank":null,"kudosWeight":1,"registrationData":{"__typename":"RegistrationData","status":"ANONYMOUS","registrationTime":null,"confirmEmailStatus":false,"registrationAccessLevel":"VIEW","ssoRegistrationFields":[]},"ssoId":null,"profileSettings":{"__typename":"ProfileSettings","dateDisplayStyle":{"__typename":"InheritableStringSettingWithPossibleValues","key":"layout.friendly_dates_enabled","value":"true","localValue":"true","possibleValues":["true","false"]},"dateDisplayFormat":{"__typename":"InheritableStringSetting","key":"layout.format_pattern_date","value":"MM-dd-yyyy","localValue":"MM-dd-yyyy"},"language":{"__typename":"InheritableStringSettingWithPossibleValues","key":"profile.language","value":"en-US","localValue":null,"possibleValues":["en-US","es-ES"]},"repliesSortOrder":{"__typename":"InheritableStringSettingWithPossibleValues","key":"config.user_replies_sort_order","value":"DEFAULT","localValue":"DEFAULT","possibleValues":["DEFAULT","LIKES","PUBLISH_TIME","REVERSE_PUBLISH_TIME"]}},"deleted":false},"CachedAsset:pages-1744706647889":{"__typename":"CachedAsset","id":"pages-1744706647889","value":[{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"BlogViewAllPostsPage","type":"BLOG","urlPath":"/category/:categoryId/blog/:boardId/all-posts/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"CasePortalPage","type":"CASE_PORTAL","urlPath":"/caseportal","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"CreateGroupHubPage","type":"GROUP_HUB","urlPath":"/groups/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"CaseViewPage","type":"CASE_DETAILS","urlPath":"/case/:caseId/:caseNumber","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"InboxPage","type":"COMMUNITY","urlPath":"/inbox","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"HelpFAQPage","type":"COMMUNITY","urlPath":"/help","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"IdeaMessagePage","type":"IDEA_POST","urlPath":"/idea/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"IdeaViewAllIdeasPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId/all-ideas/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"LoginPage","type":"USER","urlPath":"/signin","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"BlogPostPage","type":"BLOG","urlPath":"/category/:categoryId/blogs/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"ThemeEditorPage","type":"COMMUNITY","urlPath":"/designer/themes","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"TkbViewAllArticlesPage","type":"TKB","urlPath":"/category/:categoryId/kb/:boardId/all-articles/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"OccasionEditPage","type":"EVENT","urlPath":"/event/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"OAuthAuthorizationAllowPage","type":"USER","urlPath":"/auth/authorize/allow","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"PageEditorPage","type":"COMMUNITY","urlPath":"/designer/pages","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"PostPage","type":"COMMUNITY","urlPath":"/category/:categoryId/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"ForumBoardPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"TkbBoardPage","type":"TKB","urlPath":"/category/:categoryId/kb/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"EventPostPage","type":"EVENT","urlPath":"/category/:categoryId/events/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"UserBadgesPage","type":"COMMUNITY","urlPath":"/users/:login/:userId/badges","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"GroupHubMembershipAction","type":"GROUP_HUB","urlPath":"/membership/join/:nodeId/:membershipType","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"MaintenancePage","type":"COMMUNITY","urlPath":"/maintenance","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"IdeaReplyPage","type":"IDEA_REPLY","urlPath":"/idea/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"UserSettingsPage","type":"USER","urlPath":"/mysettings/:userSettingsTab","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"GroupHubsPage","type":"GROUP_HUB","urlPath":"/groups","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"ForumPostPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"OccasionRsvpActionPage","type":"OCCASION","urlPath":"/event/:boardId/:messageSubject/:messageId/rsvp/:responseType","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"VerifyUserEmailPage","type":"USER","urlPath":"/verifyemail/:userId/:verifyEmailToken","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"AllOccasionsPage","type":"OCCASION","urlPath":"/category/:categoryId/events/:boardId/all-events/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"EventBoardPage","type":"EVENT","urlPath":"/category/:categoryId/events/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"TkbReplyPage","type":"TKB_REPLY","urlPath":"/kb/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"IdeaBoardPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"CommunityGuideLinesPage","type":"COMMUNITY","urlPath":"/communityguidelines","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"CaseCreatePage","type":"SALESFORCE_CASE_CREATION","urlPath":"/caseportal/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"TkbEditPage","type":"TKB","urlPath":"/kb/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"ForgotPasswordPage","type":"USER","urlPath":"/forgotpassword","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"IdeaEditPage","type":"IDEA","urlPath":"/idea/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"TagPage","type":"COMMUNITY","urlPath":"/tag/:tagName","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"BlogBoardPage","type":"BLOG","urlPath":"/category/:categoryId/blog/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"OccasionMessagePage","type":"OCCASION_TOPIC","urlPath":"/event/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"ManageContentPage","type":"COMMUNITY","urlPath":"/managecontent","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"ClosedMembershipNodeNonMembersPage","type":"GROUP_HUB","urlPath":"/closedgroup/:groupHubId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"CommunityPage","type":"COMMUNITY","urlPath":"/","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"ForumMessagePage","type":"FORUM_TOPIC","urlPath":"/discussions/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"IdeaPostPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"BlogMessagePage","type":"BLOG_ARTICLE","urlPath":"/blog/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"RegistrationPage","type":"USER","urlPath":"/register","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"EditGroupHubPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"ForumEditPage","type":"FORUM","urlPath":"/discussions/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"ResetPasswordPage","type":"USER","urlPath":"/resetpassword/:userId/:resetPasswordToken","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"TkbMessagePage","type":"TKB_ARTICLE","urlPath":"/kb/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"BlogEditPage","type":"BLOG","urlPath":"/blog/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"ManageUsersPage","type":"USER","urlPath":"/users/manage/:tab?/:manageUsersTab?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"ForumReplyPage","type":"FORUM_REPLY","urlPath":"/discussions/:boardId/:messageSubject/:messageId/replies/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"PrivacyPolicyPage","type":"COMMUNITY","urlPath":"/privacypolicy","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"NotificationPage","type":"COMMUNITY","urlPath":"/notifications","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"UserPage","type":"USER","urlPath":"/users/:login/:userId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"HealthCheckPage","type":"COMMUNITY","urlPath":"/health","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"OccasionReplyPage","type":"OCCASION_REPLY","urlPath":"/event/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"ManageMembersPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/manage/:tab?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"SearchResultsPage","type":"COMMUNITY","urlPath":"/search","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"BlogReplyPage","type":"BLOG_REPLY","urlPath":"/blog/:boardId/:messageSubject/:messageId/replies/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"GroupHubPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"TermsOfServicePage","type":"COMMUNITY","urlPath":"/termsofservice","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"CategoryPage","type":"CATEGORY","urlPath":"/category/:categoryId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"ForumViewAllTopicsPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId/all-topics/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"TkbPostPage","type":"TKB","urlPath":"/category/:categoryId/kbs/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1744706647889,"localOverride":null,"page":{"id":"GroupHubPostPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"}],"localOverride":false},"CachedAsset:text:en_US-components/context/AppContext/AppContextProvider-0":{"__typename":"CachedAsset","id":"text:en_US-components/context/AppContext/AppContextProvider-0","value":{"noCommunity":"Cannot find community","noUser":"Cannot find current user","noNode":"Cannot find node with id {nodeId}","noMessage":"Cannot find message with id {messageId}","userBanned":"We're sorry, but you have been banned from using this site.","userBannedReason":"You have been banned for the following reason: {reason}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Loading/LoadingDot-0":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Loading/LoadingDot-0","value":{"title":"Loading..."},"localOverride":false},"Rank:rank:2":{"__typename":"Rank","id":"rank:2","position":1,"name":"Staff","color":"00AEEF","icon":null,"rankStyle":"FILLED"},"User:user:50280":{"__typename":"User","id":"user:50280","uid":50280,"login":"DavidAnderson","deleted":false,"avatar":{"__typename":"UserAvatar","url":"https://community.articulate.com/t5/s/rwgqn69235/images/dS01MDI4MC1ZRUNVR2o?image-coordinates=0%2C0%2C800%2C800"},"rank":{"__ref":"Rank:rank:2"},"email":"","messagesCount":9328,"biography":null,"topicsCount":1750,"kudosReceivedCount":2101,"kudosGivenCount":1799,"kudosWeight":1,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2010-10-22T10:58:01.000-07:00","confirmEmailStatus":null},"followersCount":null,"solutionsCount":1},"Category:category:e-learning-challenges-and-recaps":{"__typename":"Category","id":"category:e-learning-challenges-and-recaps","entityType":"CATEGORY","displayId":"e-learning-challenges-and-recaps","nodeType":"category","depth":2,"title":"E-Learning Challenges and Recaps","shortTitle":"E-Learning Challenges and Recaps"},"Category:category:top":{"__typename":"Category","id":"category:top","entityType":"CATEGORY","displayId":"top","nodeType":"category","depth":0,"title":"Top","shortTitle":"Top"},"Category:category:learn":{"__typename":"Category","id":"category:learn","entityType":"CATEGORY","displayId":"learn","nodeType":"category","depth":1,"parent":{"__ref":"Category:category:top"},"title":"Learn","shortTitle":"Learn","categoryPolicies":{"__typename":"CategoryPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Blog:board:e-learning-challenges":{"__typename":"Blog","id":"board:e-learning-challenges","entityType":"BLOG","displayId":"e-learning-challenges","nodeType":"board","depth":3,"conversationStyle":"BLOG","repliesProperties":{"__typename":"RepliesProperties","sortOrder":"PUBLISH_TIME","repliesFormat":"threaded"},"tagProperties":{"__typename":"TagNodeProperties","tagsEnabled":{"__typename":"PolicyResult","failureReason":null}},"requireTags":false,"tagType":"FREEFORM_AND_PRESET","description":"Join our weekly challenges to try new skills, get inspired, and build your portfolio.","title":"E-Learning Challenges","shortTitle":"E-Learning Challenges","parent":{"__ref":"Category:category:e-learning-challenges-and-recaps"},"ancestors":{"__typename":"CoreNodeConnection","edges":[{"__typename":"CoreNodeEdge","node":{"__ref":"Community:community:rwgqn69235"}},{"__typename":"CoreNodeEdge","node":{"__ref":"Category:category:learn"}}]},"userContext":{"__typename":"NodeUserContext","canAddAttachments":true,"canUpdateNode":false,"canPostMessages":false,"isSubscribed":false},"theme":{"__ref":"Theme:customTheme1"},"boardPolicies":{"__typename":"BoardPolicies","canViewSpamDashBoard":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.feature.moderation_spam.action.access_spam_quarantine.allowed.accessDenied","key":"error.lithium.policies.feature.moderation_spam.action.access_spam_quarantine.allowed.accessDenied","args":[]}},"canArchiveMessage":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.content_archivals.enable_content_archival_settings.accessDenied","key":"error.lithium.policies.content_archivals.enable_content_archival_settings.accessDenied","args":[]}},"canPublishArticleOnCreate":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.forums.policy_can_publish_on_create_workflow_action.accessDenied","key":"error.lithium.policies.forums.policy_can_publish_on_create_workflow_action.accessDenied","args":[]}},"canReadNode":{"__typename":"PolicyResult","failureReason":null}},"blogPolicies":{"__typename":"BlogPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/"},"BlogTopicMessage:message:1144136":{"__typename":"BlogTopicMessage","uid":1144136,"subject":"Using Sliders to Design Interactive Infographics #260","id":"message:1144136","revisionNum":1,"repliesCount":136,"author":{"__ref":"User:user:50280"},"depth":0,"hasGivenKudo":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"conversation":{"__ref":"Conversation:conversation:1144136"},"messagePolicies":{"__typename":"MessagePolicies","canPublishArticleOnEdit":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.forums.policy_can_publish_on_edit_workflow_action.accessDenied","key":"error.lithium.policies.forums.policy_can_publish_on_edit_workflow_action.accessDenied","args":[]}},"canModerateSpamMessage":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","key":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","args":[]}}},"contentWorkflow":{"__typename":"ContentWorkflow","state":"PUBLISH","scheduledPublishTime":null,"scheduledTimezone":null,"userContext":{"__typename":"MessageWorkflowContext","canSubmitForReview":null,"canEdit":false,"canRecall":null,"canSubmitForPublication":null,"canReturnToAuthor":null,"canPublish":null,"canReturnToReview":null,"canSchedule":false},"shortScheduledTimezone":null},"readOnly":false,"editFrozen":false,"moderationData":{"__ref":"ModerationData:moderation_data:1144136"},"teaser":"","body":"
\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.
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.
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
Interactive Sliders in E-Learning #52: Challenge | Recap
\n
Parallax Scrolling in E-Learning #115: Challenge | Recap
Parallax Scrolling Effects in E-Learning #253: Challenge | Recap
\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:
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.
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.
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
Interactive Sliders in E-Learning #52: Challenge | Recap
\n
Parallax Scrolling in E-Learning #115: Challenge | Recap
Parallax Scrolling Effects in E-Learning #253: Challenge | Recap
\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:
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"postTime":"2019-12-03T13:10:57.000-08:00","lastPublishTime":"2019-12-03T13:10:57.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144172","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQxNzMsMTE0NDE3Mw","node":{"__ref":"BlogReplyMessage:message:1144173"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1144173":{"__typename":"ModerationData","id":"moderation_data:1144173","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144173":{"__typename":"BlogReplyMessage","uid":1144173,"id":"message:1144173","revisionNum":1,"author":{"__ref":"User:user:468973"},"readOnly":false,"repliesCount":2,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144172"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144173"},"body":"
Nicely done, Jessica! I like the masking effect in the church graphic. The photo background adds a layer of richness.
One thing caught my eye. The $ signs aren't filling in as smoothly as I'd expect. Would you mind sharing your file? I'd like to take a quick look to see what's going on and if I can make some recommendations.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":2,"postTime":"2019-12-03T16:55:23.000-08:00","lastPublishTime":"2019-12-03T16:55:23.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144173","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwxfDM5OjF8aW50LDExNDQxODksMTE0NDE4OQ","node":{"__ref":"BlogReplyMessage:message:1144189"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1144189":{"__typename":"ModerationData","id":"moderation_data:1144189","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144189":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:216117"},"id":"message:1144189","revisionNum":1,"uid":1144189,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144173"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144189"},"body":"
Hi Montse,
I would love feedback! I did notice that but did not know how to fix it!
Here’s a link to “elearning challenge 260 Sliders Fernandez.story” in my Dropbox:
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"repliesCount":1,"postTime":"2019-12-04T07:04:21.000-08:00","lastPublishTime":"2019-12-04T07:04:21.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144189","attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"User:user:582940":{"__typename":"User","id":"user:582940","uid":582940,"login":"JustinOtteson","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2019-12-03T17:12:45.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0|5b3ee3c002e919477e8f95ee"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:582940"},"ModerationData:moderation_data:1144174":{"__typename":"ModerationData","id":"moderation_data:1144174","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"User:user:197148":{"__typename":"User","id":"user:197148","uid":197148,"login":"DanielHolthouse","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2013-10-28T06:39:50.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C5aa1cbe97c1c5923f52ab370"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:197148"},"BlogReplyMessage:message:1144174":{"__typename":"BlogReplyMessage","uid":1144174,"id":"message:1144174","revisionNum":1,"author":{"__ref":"User:user:582940"},"readOnly":false,"repliesCount":3,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1144136"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144174"},"body":"
Hey Everyone!
Pretty simple infographic on housing prices vs salaries in Vancouver, Canada!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"197","kudosSumWeight":1,"postTime":"2019-12-03T17:59:19.000-08:00","lastPublishTime":"2019-12-03T17:59:19.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144174","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQxNzYsMTE0NDE3Ng","node":{"__ref":"BlogReplyMessage:message:1144176"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQxNzYsMTE0NDE4Ng","node":{"__ref":"BlogReplyMessage:message:1144186"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQxNzYsMTE0NDIyNA","node":{"__ref":"BlogReplyMessage:message:1144224"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1144176":{"__typename":"ModerationData","id":"moderation_data:1144176","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144176":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:197148"},"id":"message:1144176","revisionNum":1,"uid":1144176,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144174"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144176"},"body":"
Hey Justin! This is awesome! I love how smoothly the line graph builds out.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"77","kudosSumWeight":1,"repliesCount":0,"postTime":"2019-12-03T20:34:49.000-08:00","lastPublishTime":"2019-12-03T20:34:49.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144176","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"User:user:200988":{"__typename":"User","id":"user:200988","uid":200988,"login":"alexjinca","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2016-11-01T04:03:35.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0|5818737877b6808d2d2c7489"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:200988"},"ModerationData:moderation_data:1144186":{"__typename":"ModerationData","id":"moderation_data:1144186","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144186":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:200988"},"id":"message:1144186","revisionNum":1,"uid":1144186,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144174"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144186"},"body":"
Hi Justin, very elegant and simple, I like how smooth the lines are in their animations. Have you tried removing the border in the slider, around the house?
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"159","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-12-04T02:30:50.000-08:00","lastPublishTime":"2019-12-04T02:30:50.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144186","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"User:user:327912":{"__typename":"User","id":"user:327912","uid":327912,"login":"DavidTait","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2014-03-19T21:54:08.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C31c58f10-fbf4-0131-1cab-22000b2f96a1"},"rank":{"__ref":"Rank:rank:5"},"entityType":"USER","eventPath":"community:rwgqn69235/user:327912"},"ModerationData:moderation_data:1144224":{"__typename":"ModerationData","id":"moderation_data:1144224","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144224":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:327912"},"id":"message:1144224","revisionNum":1,"uid":1144224,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144174"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144224"},"body":"
Nice example. The stats are frightening aren't they!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"54","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-12-05T07:27:42.000-08:00","lastPublishTime":"2019-12-05T07:27:42.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144224","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1144175":{"__typename":"ModerationData","id":"moderation_data:1144175","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"User:user:454373":{"__typename":"User","id":"user:454373","uid":454373,"login":"Jonathan_Hill","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2017-06-11T01:33:02.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C593b9acf903ba224a326ee1b"},"rank":{"__ref":"Rank:rank:5"},"entityType":"USER","eventPath":"community:rwgqn69235/user:454373"},"BlogReplyMessage:message:1144175":{"__typename":"BlogReplyMessage","uid":1144175,"id":"message:1144175","revisionNum":1,"author":{"__ref":"User:user:197148"},"readOnly":false,"repliesCount":12,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1144136"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144175"},"body":"
Hi all! This is my first time participating in a challenge -- glad to be here! For my demo, I wanted to explore using the back-and-forth motion of the slider to mimic that movement in real life to cause an effect. This is admittedly not an infographic, but once this idea popped into my head, I had to try it. Curious for your thoughts!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":6,"postTime":"2019-12-03T20:14:10.000-08:00","lastPublishTime":"2019-12-03T20:14:10.000-08:00","metrics":{"__typename":"MessageMetrics","views":6},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144175","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":true,"endCursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQxNzgsMTE0NDIyNQ","hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQxNzgsMTE0NDE3OA","node":{"__ref":"BlogReplyMessage:message:1144178"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQxNzgsMTE0NDIxNA","node":{"__ref":"BlogReplyMessage:message:1144214"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQxNzgsMTE0NDIyNQ","node":{"__ref":"BlogReplyMessage:message:1144225"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1144178":{"__typename":"ModerationData","id":"moderation_data:1144178","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144178":{"__typename":"BlogReplyMessage","uid":1144178,"id":"message:1144178","revisionNum":1,"author":{"__ref":"User:user:454373"},"readOnly":false,"repliesCount":5,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144175"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144178"},"body":"
Welcome to the Challenges Daniel. This entry is on fire! Love it.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"69","kudosSumWeight":0,"postTime":"2019-12-03T22:46:56.000-08:00","lastPublishTime":"2019-12-03T22:46:56.000-08:00","metrics":{"__typename":"MessageMetrics","views":3},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144178","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwxfDM5OjF8aW50LDExNDQxNzksMTE0NDE3OQ","node":{"__ref":"BlogReplyMessage:message:1144179"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1144179":{"__typename":"ModerationData","id":"moderation_data:1144179","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144179":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:454373"},"id":"message:1144179","revisionNum":1,"uid":1144179,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144178"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144179"},"body":"
It's virtually an infograph too - would only need some supporting instructions / diagrams to explain how the motion creates friction and heat. Perhaps even a heat gauge powered by the same variable that is triggering the smoke and fire animations?
It's pretty much perfect as it is though and works, for me, at a very subtle yet clever level as an infograph. Friction = heat = fire.
This from the guy that rated four Marvel superheroes on their level of radioactivity in his entry, so what do I know 😄
Looking forward to seeing more of your work in future challenges.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"repliesCount":4,"postTime":"2019-12-04T01:16:00.000-08:00","lastPublishTime":"2019-12-04T01:16:00.000-08:00","metrics":{"__typename":"MessageMetrics","views":4},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144179","attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"User:user:200136":{"__typename":"User","id":"user:200136","uid":200136,"login":"KarlisSprogis-d","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2015-05-28T00:43:18.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C20a46150-e73b-0132-ba10-22000b470c66"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:200136"},"ModerationData:moderation_data:1144214":{"__typename":"ModerationData","id":"moderation_data:1144214","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144214":{"__typename":"BlogReplyMessage","uid":1144214,"id":"message:1144214","revisionNum":1,"author":{"__ref":"User:user:200136"},"readOnly":false,"repliesCount":1,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144175"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144214"},"body":"
I love this! This is a great example of how to use a slider in a different way than just linear. Welcome to the challenges and I agree with Jonathan - I hope to see more from you in the next challenges :)
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":1,"postTime":"2019-12-05T01:38:51.000-08:00","lastPublishTime":"2019-12-05T01:38:51.000-08:00","metrics":{"__typename":"MessageMetrics","views":6},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144214","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwxfDM5OjF8aW50LDExNDQyNTgsMTE0NDI1OA","node":{"__ref":"BlogReplyMessage:message:1144258"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1144258":{"__typename":"ModerationData","id":"moderation_data:1144258","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144258":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:197148"},"id":"message:1144258","revisionNum":1,"uid":1144258,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144214"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144258"},"body":"
Thanks Karlis! Your design inspired my entry for #261 :)
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"58","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-12-07T14:01:05.000-08:00","lastPublishTime":"2019-12-07T14:01:05.000-08:00","metrics":{"__typename":"MessageMetrics","views":4},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144258","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1144225":{"__typename":"ModerationData","id":"moderation_data:1144225","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144225":{"__typename":"BlogReplyMessage","uid":1144225,"id":"message:1144225","revisionNum":1,"author":{"__ref":"User:user:327912"},"readOnly":false,"repliesCount":1,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144175"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144225"},"body":"
This is a fab interaction. Love the idea.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"43","kudosSumWeight":1,"postTime":"2019-12-05T07:30:18.000-08:00","lastPublishTime":"2019-12-05T07:30:18.000-08:00","metrics":{"__typename":"MessageMetrics","views":4},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144225","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwxfDM5OjF8aW50LDExNDQyNTksMTE0NDI1OQ","node":{"__ref":"BlogReplyMessage:message:1144259"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1144259":{"__typename":"ModerationData","id":"moderation_data:1144259","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144259":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:197148"},"id":"message:1144259","revisionNum":1,"uid":1144259,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144225"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144259"},"body":"
Thanks David!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"16","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-12-07T14:01:36.000-08:00","lastPublishTime":"2019-12-07T14:01:36.000-08:00","metrics":{"__typename":"MessageMetrics","views":4},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144259","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1144180":{"__typename":"ModerationData","id":"moderation_data:1144180","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144180":{"__typename":"BlogReplyMessage","uid":1144180,"id":"message:1144180","revisionNum":1,"author":{"__ref":"User:user:200988"},"readOnly":false,"repliesCount":6,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1144136"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144180"},"body":"
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":2,"postTime":"2019-12-04T02:10:25.000-08:00","lastPublishTime":"2019-12-04T02:10:25.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144180","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQyMDcsMTE0NDIwNw","node":{"__ref":"BlogReplyMessage:message:1144207"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQyMDcsMTE0NDIxNQ","node":{"__ref":"BlogReplyMessage:message:1144215"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQyMDcsMTE0NDI1Nw","node":{"__ref":"BlogReplyMessage:message:1144257"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1144207":{"__typename":"ModerationData","id":"moderation_data:1144207","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144207":{"__typename":"BlogReplyMessage","uid":1144207,"id":"message:1144207","revisionNum":1,"author":{"__ref":"User:user:197148"},"readOnly":false,"repliesCount":1,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144180"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144207"},"body":"
Really cool, Alex! Great looking illustration. How did you animate the question mark? Is that following a motion path? Did you use a slider, or is this advanced with hot spots?
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"178","kudosSumWeight":0,"postTime":"2019-12-04T18:09:08.000-08:00","lastPublishTime":"2019-12-04T18:09:08.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144207","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwxfDM5OjF8aW50LDExNDQyMzYsMTE0NDIzNg","node":{"__ref":"BlogReplyMessage:message:1144236"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1144236":{"__typename":"ModerationData","id":"moderation_data:1144236","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144236":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:200988"},"id":"message:1144236","revisionNum":1,"uid":1144236,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144207"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144236"},"body":"
Thanks David! Glad you liked it. No, it's not hotspots as that would have involved a click, not a slide across the path. I used motion paths controlled by a slider to make a smooth slide across the line.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-12-06T07:12:56.000-08:00","lastPublishTime":"2019-12-06T07:12:56.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144236","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1144215":{"__typename":"ModerationData","id":"moderation_data:1144215","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144215":{"__typename":"BlogReplyMessage","uid":1144215,"id":"message:1144215","revisionNum":1,"author":{"__ref":"User:user:200136"},"readOnly":false,"repliesCount":1,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144180"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144215"},"body":"
This looks awesome, Alex!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"28","kudosSumWeight":1,"postTime":"2019-12-05T01:44:20.000-08:00","lastPublishTime":"2019-12-05T01:44:20.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144215","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwxfDM5OjF8aW50LDExNDQyMzUsMTE0NDIzNQ","node":{"__ref":"BlogReplyMessage:message:1144235"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1144235":{"__typename":"ModerationData","id":"moderation_data:1144235","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144235":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:200988"},"id":"message:1144235","revisionNum":1,"uid":1144235,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144215"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144235"},"body":"
Thanks Karlis, glad you liked it!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"35","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-12-06T07:08:22.000-08:00","lastPublishTime":"2019-12-06T07:08:22.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144235","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:704008":{"__typename":"User","id":"user:704008","uid":704008,"login":"PhilLak","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2019-09-11T00:08:57.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/aid%7Cf044cbcd-165c-4028-b407-731aceefc4af"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:704008"},"ModerationData:moderation_data:1144257":{"__typename":"ModerationData","id":"moderation_data:1144257","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144257":{"__typename":"BlogReplyMessage","uid":1144257,"id":"message:1144257","revisionNum":1,"author":{"__ref":"User:user:704008"},"readOnly":false,"repliesCount":1,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144180"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144257"},"body":"
I like the way you stepped out of the linear slider ! you did good.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"160","kudosSumWeight":0,"postTime":"2019-12-07T04:27:17.000-08:00","lastPublishTime":"2019-12-07T04:27:17.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144257","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwxfDM5OjF8aW50LDExNDQyNjUsMTE0NDI2NQ","node":{"__ref":"BlogReplyMessage:message:1144265"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1144265":{"__typename":"ModerationData","id":"moderation_data:1144265","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144265":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:200988"},"id":"message:1144265","revisionNum":1,"uid":1144265,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144257"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144265"},"body":"
Hi Philippe! Glad you liked my demo and that you found inspiration in it. Your example turned out really well, I see you nailed the challenge within this challenge you mentioned earlier. I like the design, the animations are smooth, sound is in sync, well done! Thank you and it was nice to practice my French, as well!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":1,"repliesCount":0,"postTime":"2019-12-10T12:09:37.000-08:00","lastPublishTime":"2019-12-10T12:09:37.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144265","attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"User:user:960225":{"__typename":"User","id":"user:960225","uid":960225,"login":"larryvanwave-ff","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2019-01-03T09:31:59.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C57fcf64f96288b6902e839d3"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:960225"},"ModerationData:moderation_data:1144188":{"__typename":"ModerationData","id":"moderation_data:1144188","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144188":{"__typename":"BlogReplyMessage","uid":1144188,"id":"message:1144188","revisionNum":1,"author":{"__ref":"User:user:960225"},"readOnly":false,"repliesCount":3,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1144136"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144188"},"body":"
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"86","kudosSumWeight":1,"postTime":"2019-12-04T06:31:38.000-08:00","lastPublishTime":"2019-12-04T06:31:38.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144188","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQxOTMsMTE0NDE5Mw","node":{"__ref":"BlogReplyMessage:message:1144193"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQxOTMsMTE0NDIxNg","node":{"__ref":"BlogReplyMessage:message:1144216"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQxOTMsMTE0NDI1Ng","node":{"__ref":"BlogReplyMessage:message:1144256"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1144193":{"__typename":"ModerationData","id":"moderation_data:1144193","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144193":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:454373"},"id":"message:1144193","revisionNum":1,"uid":1144193,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144188"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144193"},"body":"
This is great. A very practical example.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"42","kudosSumWeight":1,"repliesCount":0,"postTime":"2019-12-04T10:08:00.000-08:00","lastPublishTime":"2019-12-04T10:08:00.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144193","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1144216":{"__typename":"ModerationData","id":"moderation_data:1144216","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144216":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:200136"},"id":"message:1144216","revisionNum":1,"uid":1144216,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144188"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144216"},"body":"
I like your style, it looks very polished!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"45","kudosSumWeight":1,"repliesCount":0,"postTime":"2019-12-05T01:46:03.000-08:00","lastPublishTime":"2019-12-05T01:46:03.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144216","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"User:user:490641":{"__typename":"User","id":"user:490641","uid":490641,"login":"EdMcLean-f33352","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2018-06-30T05:16:41.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C5b376d37dbad2347429bec3a"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:490641"},"ModerationData:moderation_data:1144256":{"__typename":"ModerationData","id":"moderation_data:1144256","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144256":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:490641"},"id":"message:1144256","revisionNum":1,"uid":1144256,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144188"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144256"},"body":"
Really clean, modern design.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"30","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-12-06T22:00:10.000-08:00","lastPublishTime":"2019-12-06T22:00:10.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144256","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"User:user:311750":{"__typename":"User","id":"user:311750","uid":311750,"login":"AshleyHinkle","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2018-08-21T07:18:58.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0|5b7c1e7c786fea2121b84d42"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:311750"},"ModerationData:moderation_data:1144191":{"__typename":"ModerationData","id":"moderation_data:1144191","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144191":{"__typename":"BlogReplyMessage","uid":1144191,"id":"message:1144191","revisionNum":1,"author":{"__ref":"User:user:311750"},"readOnly":false,"repliesCount":2,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1144136"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144191"},"body":"
Hi Everyone,
Another first-timer here! Posting the review link but would love to chat about my posting options for the future, I see it done a couple of different ways.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":1,"postTime":"2019-12-04T09:04:30.000-08:00","lastPublishTime":"2019-12-04T09:04:30.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144191","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQxOTQsMTE0NDE5NA","node":{"__ref":"BlogReplyMessage:message:1144194"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1144194":{"__typename":"ModerationData","id":"moderation_data:1144194","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144194":{"__typename":"BlogReplyMessage","uid":1144194,"id":"message:1144194","revisionNum":1,"author":{"__ref":"User:user:454373"},"readOnly":false,"repliesCount":1,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144191"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144194"},"body":"
Welcome to the Challenges Ashley - a good start too!
If I could make a couple of small recommendations? Try removing the outline from your slider thumb to really make the most of that customised slider. And try reversing the wipe on the bottle so the 'milk' reduces downwards as the baby's solid food intake increases?
I use an AWS account to host my ELH Challenge entries, which I publish for 'Web'. I'm also fond of a 'chromeless' player too, which removes the standard player window. This is particularly handy when designing for mobile devices or interactive blocks to be used in Rise.
If you'd like to chat more about this, drop me a line.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"postTime":"2019-12-04T12:00:20.000-08:00","lastPublishTime":"2019-12-04T12:00:20.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144194","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwxfDM5OjF8aW50LDExNDQyMDgsMTE0NDIwOA","node":{"__ref":"BlogReplyMessage:message:1144208"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1144208":{"__typename":"ModerationData","id":"moderation_data:1144208","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144208":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:311750"},"id":"message:1144208","revisionNum":1,"uid":1144208,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144194"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144208"},"body":"
Thank you, great suggestions!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"32","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-12-04T20:09:07.000-08:00","lastPublishTime":"2019-12-04T20:09:07.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144208","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:441585":{"__typename":"User","id":"user:441585","uid":441585,"login":"Samuel","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2016-11-29T13:12:34.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7Cf9a8bca0-af16-0131-f1d7-22000b5e9066"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:441585"},"ModerationData:moderation_data:1144196":{"__typename":"ModerationData","id":"moderation_data:1144196","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144196":{"__typename":"BlogReplyMessage","uid":1144196,"id":"message:1144196","revisionNum":1,"author":{"__ref":"User:user:441585"},"readOnly":false,"repliesCount":7,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1144136"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144196"},"body":"
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"postTime":"2019-12-04T12:59:29.000-08:00","lastPublishTime":"2019-12-04T12:59:29.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144196","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQxOTgsMTE0NDE5OA","node":{"__ref":"BlogReplyMessage:message:1144198"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQxOTgsMTE0NDIwNQ","node":{"__ref":"BlogReplyMessage:message:1144205"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQxOTgsMTE0NDIxNw","node":{"__ref":"BlogReplyMessage:message:1144217"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1144198":{"__typename":"ModerationData","id":"moderation_data:1144198","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144198":{"__typename":"BlogReplyMessage","uid":1144198,"id":"message:1144198","revisionNum":1,"author":{"__ref":"User:user:468973"},"readOnly":false,"repliesCount":3,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144196"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144198"},"body":"
How fun, Samuel! Did you do the moonwalking animated gif? I'd love to know how you built it.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"94","kudosSumWeight":2,"postTime":"2019-12-04T13:21:41.000-08:00","lastPublishTime":"2019-12-04T13:21:41.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144198","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwxfDM5OjF8aW50LDExNDQxOTksMTE0NDE5OQ","node":{"__ref":"BlogReplyMessage:message:1144199"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1144199":{"__typename":"ModerationData","id":"moderation_data:1144199","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144199":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:441585"},"id":"message:1144199","revisionNum":1,"uid":1144199,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144198"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144199"},"body":"
Hi Montse :) I did not. I borrowed the animation from an artist on Dribble. You can view the original here: https://dribbble.com/shots/5039546-Moonwalk. I imagine it would've been created with After Effects.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"repliesCount":2,"postTime":"2019-12-04T13:43:35.000-08:00","lastPublishTime":"2019-12-04T13:43:35.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144199","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:365586":{"__typename":"User","id":"user:365586","uid":365586,"login":"JodiSansone","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2016-06-12T05:22:43.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C914e8fc0-12c2-0134-caca-22000b6c822a"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:365586"},"ModerationData:moderation_data:1144205":{"__typename":"ModerationData","id":"moderation_data:1144205","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144205":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:365586"},"id":"message:1144205","revisionNum":1,"uid":1144205,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144196"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144205"},"body":"
Best song ever
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"16","kudosSumWeight":1,"repliesCount":0,"postTime":"2019-12-04T14:44:01.000-08:00","lastPublishTime":"2019-12-04T14:44:01.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144205","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1144217":{"__typename":"ModerationData","id":"moderation_data:1144217","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144217":{"__typename":"BlogReplyMessage","uid":1144217,"id":"message:1144217","revisionNum":1,"author":{"__ref":"User:user:200136"},"readOnly":false,"repliesCount":1,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144196"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144217"},"body":"
I like everything about this demo - the sound, the animations, the design! Great work Samuel!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"95","kudosSumWeight":0,"postTime":"2019-12-05T01:53:15.000-08:00","lastPublishTime":"2019-12-05T01:53:15.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144217","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwxfDM5OjF8aW50LDExNDQyMTgsMTE0NDIxOA","node":{"__ref":"BlogReplyMessage:message:1144218"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1144218":{"__typename":"ModerationData","id":"moderation_data:1144218","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144218":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:441585"},"id":"message:1144218","revisionNum":1,"uid":1144218,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144217"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144218"},"body":"
Thanks for the review Karlis!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"31","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-12-05T04:12:02.000-08:00","lastPublishTime":"2019-12-05T04:12:02.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144218","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:1247957":{"__typename":"User","id":"user:1247957","uid":1247957,"login":"RebeccaPatte262","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2019-03-12T17:08:17.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0|5c884921f166ee54aba33a4c"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:1247957"},"ModerationData:moderation_data:1144197":{"__typename":"ModerationData","id":"moderation_data:1144197","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144197":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:1247957"},"id":"message:1144197","revisionNum":1,"uid":1144197,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1144136"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144197"},"body":"
The Christmas season is about giving, so why not learn more about blood donation! As always, feedback is welcome and much appreciated!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-12-04T13:07:09.000-08:00","lastPublishTime":"2019-12-04T13:07:09.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144197","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:182549":{"__typename":"User","id":"user:182549","uid":182549,"login":"DebLewis-169b16","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2019-08-14T06:53:12.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C5d518eedd3c8160cc6c172b1"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:182549"},"ModerationData:moderation_data:1144203":{"__typename":"ModerationData","id":"moderation_data:1144203","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144203":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:182549"},"id":"message:1144203","revisionNum":1,"uid":1144203,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1144136"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144203"},"body":"
Hello! This is my second post here. I'm new at ID work, and would love feedback if you have any. This example is based on horror stories I have heard from those with families larger than my own, and is intended to be humorous rather than factual. Thanks!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":1,"repliesCount":0,"postTime":"2019-12-04T14:30:42.000-08:00","lastPublishTime":"2019-12-04T14:30:42.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144203","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:20457":{"__typename":"User","id":"user:20457","uid":20457,"login":"RyanBrown-62e7e","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2019-05-21T05:18:36.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C5ce2ea10addc220e29349568"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:20457"},"ModerationData:moderation_data:1144219":{"__typename":"ModerationData","id":"moderation_data:1144219","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"User:user:1150920":{"__typename":"User","id":"user:1150920","uid":1150920,"login":"PaulaRademac802","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2019-03-19T06:22:07.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0|5c90e8e3d1ae692ec9161638"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:1150920"},"BlogReplyMessage:message:1144219":{"__typename":"BlogReplyMessage","uid":1144219,"id":"message:1144219","revisionNum":1,"author":{"__ref":"User:user:20457"},"readOnly":false,"repliesCount":1,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1144136"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144219"},"body":"
Here is my entry for this week's challenge. I took a concept I came up with and 'prettied it up' for you all! Let me know if you like it :)
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"postTime":"2019-12-05T06:39:25.000-08:00","lastPublishTime":"2019-12-05T06:39:25.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144219","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNDQyNTIsMTE0NDI1Mg","node":{"__ref":"BlogReplyMessage:message:1144252"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1144252":{"__typename":"ModerationData","id":"moderation_data:1144252","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1144252":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:1150920"},"id":"message:1144252","revisionNum":1,"uid":1144252,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1144219"},"conversation":{"__ref":"Conversation:conversation:1144136"},"subject":"Re: Using Sliders to Design Interactive Infographics #260","moderationData":{"__ref":"ModerationData:moderation_data:1144252"},"body":"
Nice use of multiple sliders. That's one thing I need to learn how to tackle. Love the farming scene too.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"107","kudosSumWeight":0,"repliesCount":0,"postTime":"2019-12-06T13:39:54.000-08:00","lastPublishTime":"2019-12-06T13:39:54.000-08:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1144136/message:1144252","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"CachedAsset:text:en_US-components/community/Navbar-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/community/Navbar-1744833251834","value":{"community":"Community Home","inbox":"Inbox","manageContent":"Manage Content","tos":"Terms of Service","forgotPassword":"Forgot Password","themeEditor":"Theme Editor","edit":"Edit Navigation Bar","skipContent":"Skip to content","migrated-link-9":"Share Examples","migrated-link-7":"Connect","Common-community-blog-link":"Community Blog","migrated-link-8":"Discuss Articulate Products","migrated-link-1":"User Guides","migrated-link-2":"Training and Tutorials","Common-external-link":"Articulate Homepage","migrated-link-0":"Learn","migrated-link-5":"E-Books","migrated-link-6":"E-Learning Challenges","migrated-link-3":"Articles","migrated-link-4":"Product Updates","migrated-link-14":"About","Common-external-link-5":"Articulate Status","migrated-link-12":"Join Groups","Common-external-link-4":"Case Studies","migrated-link-13":"Discover","Common-external-link-3":"Blog","Common-exchange-link":"Exchange Best Practices","migrated-link-10":"Suggest Ideas","Common-external-link-2":"Product Support","migrated-link-11":"Attend Events","Common-external-link-1":"Resource Center","Common-training-webinars-link":"Live Training Webinars","Common-welcome-center-link":"Welcome Center","video-tutorials-link":"Video Tutorials"},"localOverride":false},"CachedAsset:text:en_US-components/community/NavbarHamburgerDropdown-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarHamburgerDropdown-1744833251834","value":{"hamburgerLabel":"Side Menu"},"localOverride":false},"CachedAsset:text:en_US-components/community/BrandLogo-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/community/BrandLogo-1744833251834","value":{"logoAlt":"Khoros","themeLogoAlt":"Brand Logo"},"localOverride":false},"CachedAsset:text:en_US-components/community/NavbarTextLinks-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarTextLinks-1744833251834","value":{"more":"More"},"localOverride":false},"CachedAsset:text:en_US-components/search/SpotlightSearchIcon-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/search/SpotlightSearchIcon-1744833251834","value":{"search":"Search"},"localOverride":false},"CachedAsset:text:en_US-components/authentication/AuthenticationLink-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/authentication/AuthenticationLink-1744833251834","value":{"title.login":"Sign In","title.registration":"Register","title.forgotPassword":"Forgot Password","title.multiAuthLogin":"Sign In"},"localOverride":false},"CachedAsset:text:en_US-components/nodes/NodeLink-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/nodes/NodeLink-1744833251834","value":{"place":"Place {name}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageCoverImage-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageCoverImage-1744833251834","value":{"coverImageTitle":"Cover Image"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeTitle-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeTitle-1744833251834","value":{"nodeTitle":"{nodeTitle, select, community {Community} other {{nodeTitle}}} "},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageTimeToRead-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageTimeToRead-1744833251834","value":{"minReadText":"{min} MIN READ"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageSubject-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageSubject-1744833251834","value":{"noSubject":"(no subject)"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserLink-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserLink-1744833251834","value":{"authorName":"View Profile: {author}","anonymous":"Anonymous"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/users/UserRank-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserRank-1744833251834","value":{"rankName":"{rankName}","userRank":"Author rank {rankName}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageTime-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageTime-1744833251834","value":{"postTime":"Published: {time}","lastPublishTime":"Last Update: {time}","conversation.lastPostingActivityTime":"Last posting activity time: {time}","conversation.lastPostTime":"Last post time: {time}","moderationData.rejectTime":"Rejected time: {time}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageBody-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageBody-1744833251834","value":{"showMessageBody":"Show More","mentionsErrorTitle":"{mentionsType, select, board {Board} user {User} message {Message} other {}} No Longer Available","mentionsErrorMessage":"The {mentionsType} you are trying to view has been removed from the community.","videoProcessing":"Video is being processed. Please try again in a few minutes.","bannerTitle":"Video provider requires cookies to play the video. Accept to continue or {url} it directly on the provider's site.","buttonTitle":"Accept","urlText":"watch"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageCustomFields-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageCustomFields-1744833251834","value":{"CustomField.default.label":"Value of {name}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageRevision-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageRevision-1744833251834","value":{"lastUpdatedDatePublished":"{publishCount, plural, one{Published} other{Updated}} {date}","lastUpdatedDateDraft":"Created {date}","version":"Version {major}.{minor}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/QueryHandler-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/QueryHandler-1744833251834","value":{"title":"Query Handler"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageReplyButton-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageReplyButton-1744833251834","value":{"repliesCount":"{count}","title":"Reply","title@board:BLOG@message:root":"Comment","title@board:TKB@message:root":"Comment","title@board:IDEA@message:root":"Comment","title@board:OCCASION@message:root":"Comment"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageAuthorBio-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageAuthorBio-1744833251834","value":{"sendMessage":"Send Message","actionMessage":"Follow this blog board to get notified when there's new activity","coAuthor":"CO-PUBLISHER","contributor":"CONTRIBUTOR","userProfile":"View Profile","iconlink":"Go to {name} {type}"},"localOverride":false},"CachedAsset:text:en_US-components/community/NavbarDropdownToggle-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarDropdownToggle-1744833251834","value":{"ariaLabelClosed":"Press the down arrow to open the menu"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/users/UserAvatar-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1744833251834","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1744833251834","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1744833251834","value":{"tagLabelName":"Tag name {tagName}"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserRegistrationDate-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserRegistrationDate-1744833251834","value":{"noPrefix":"{date}","withPrefix":"Joined {date}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeAvatar-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeAvatar-1744833251834","value":{"altTitle":"Node avatar for {nodeTitle}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeDescription-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeDescription-1744833251834","value":{"description":"{description}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageListMenu-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageListMenu-1744833251834","value":{"postTimeAsc":"Oldest","postTimeDesc":"Newest","kudosSumWeightAsc":"Least Liked","kudosSumWeightDesc":"Most Liked","sortTitle":"Sort By","sortedBy.item":" { itemName, select, postTimeAsc {Oldest} postTimeDesc {Newest} kudosSumWeightAsc {Least Liked} kudosSumWeightDesc {Most Liked} other {}}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable-1744833251834","value":{"loadMore":"Show More"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMore-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Pager/PagerLoadMore-1744833251834","value":{"loadMore":"Show More"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeIcon-1744833251834":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeIcon-1744833251834","value":{"contentType":"Content Type {style, select, FORUM {Forum} BLOG {Blog} TKB {Knowledge Base} IDEA {Ideas} OCCASION {Events} other {}} icon"},"localOverride":false}}}},"page":"/blogs/BlogMessagePage/BlogMessagePage","query":{"after":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMTQ0MTM3LDExNDQxNzA","boardId":"e-learning-challenges","messageSubject":"using-sliders-to-design-interactive-infographics-260","messageId":"1144136"},"buildId":"FP3zsFp6DJl70wDujOvtu","runtimeConfig":{"buildInformationVisible":false,"logLevelApp":"info","logLevelMetrics":"info","openTelemetryClientEnabled":false,"openTelemetryConfigName":"articulate","openTelemetryServiceVersion":"25.3.0","openTelemetryUniverse":"prod","openTelemetryCollector":"http://localhost:4318","openTelemetryRouteChangeAllowedTime":"5000","apolloDevToolsEnabled":false,"inboxMuteWipFeatureEnabled":false},"isFallback":false,"isExperimentalCompile":false,"dynamicIds":["./components/customComponent/CustomComponent/CustomComponent.tsx","./components/community/Navbar/NavbarWidget.tsx","./components/community/Breadcrumb/BreadcrumbWidget.tsx","./components/blogs/BlogArticleWidget/BlogArticleWidget.tsx","./components/messages/MessageView/MessageViewStandard/MessageViewStandard.tsx","./components/messages/ThreadedReplyList/ThreadedReplyList.tsx","./components/customComponent/CustomComponentContent/TemplateContent.tsx","../shared/client/components/common/List/UnwrappedList/UnwrappedList.tsx","./components/tags/TagView/TagView.tsx","./components/tags/TagView/TagViewChip/TagViewChip.tsx","../shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable/PagerLoadMorePreviousNextLinkable.tsx","../shared/client/components/common/List/UnstyledList/UnstyledList.tsx","./components/messages/MessageView/MessageView.tsx","../shared/client/components/common/Pager/PagerLoadMore/PagerLoadMore.tsx"],"appGip":true,"scriptLoader":[]}