Forum Discussion
Code Block: Interactive Process
Hi All!
I've been trying to use the Code Block more and I'm finding out that if I can think it, I can build it (with the help of AI)!
This started with a simple idea - can I make a process more interactive instead of a static image?
With that idea, I worked with ChatGPT to vibe-code and much to my surprise, it worked! I was able to not only do a "click to reveal" with the process but, also animate the lines between the graph to help the learner see the connection and what's next.
Below is review link. You can see the example, download the text file and see the code snippet. The only things that would need adjusted for your needs are the "Steps Array" and the colors since the code uses the purple from my project.
2 Replies
KayleneWance I love the “if I can think it, I can build it” mentality! I think this makes a big difference in helping learners see the flow by making it interactive.
Thank you for sharing the code too!
We’ll be featuring this in an upcoming ELH Weekly newsletter. If you want it delivered to your inbox, be sure you’re subscribed. 🎉
PS: Anyone interested in testing out KayleneWance's "if I can think it, I can build it" mentality should join the Code Block Build-a-thon next month!
