Forum Discussion
Space Explorer
I find immense value in using the Code Block to quickly create stand-alone, complex interactions that would be too time-consuming to do manually. As an example, this Code Block, at its simplest, could have been a table. But instead, you get to kinda-sorta travel the solar system and get a sense of exploration and discovery to make learning fun. Plus, the visual gives you a sense of scale - understanding how much relative distance there is between Earth and Mars compared to Mars and Jupiter, etc.
It's not perfect. For the life of me, I cannot get the labels for Earth and Jupiter to display on the navigation scale.
Were this a real course, I could imagine including images of the real planets, following it up with a quiz, maybe giving the learner specific quests or making the exploration even more fun by including small clickable items to collect in specific (or random) buttons where the learner must try to collect all 10, etc. to encourage self-exploration.
https://share.articulate.com/hZGb9Vn1vAWbmRDKRICxl
It was very fun to make though. All code written via maybe 10-11 back-and-forth prompts with Claude 4.5 Opus (and maybe 7-8 more trying to get the Earth and Jupiter labels to display - unsuccessfully).
I attached the code here in case anyone wanted to use or play around with in Rise themselves. If you do, uncheck Auto Resize and set the Height to the max possible value.
2 Replies
I like how it shows the relative distances. This adds so much more meaning than a simple table could.
Both your earth and jupiter have a
overflow: hidden;
written in them. Maybe that is the reason. If those errors occur to me I put them in Gemini / ChatGPT and ask why something is not visible and to do it like the other planets. A very important part is to always say "Dont change anything else" because these LLMs often find it funny to interpret the code like a playground.
I really love the idea of that interactive timeline btw! I will sure use it in one of my courses soon
