{"id":7,"date":"2025-03-25T11:13:54","date_gmt":"2025-03-25T18:13:54","guid":{"rendered":"https:\/\/blogs.ubc.ca\/aichallenges\/?p=7"},"modified":"2025-04-16T09:33:15","modified_gmt":"2025-04-16T16:33:15","slug":"using-claude-to-create-a-interactive-simulation","status":"publish","type":"post","link":"https:\/\/blogs.ubc.ca\/aichallenges\/2025\/03\/25\/using-claude-to-create-a-interactive-simulation\/","title":{"rendered":"Using Claude to Create an Interactive Simulation"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong data-start=\"86\" data-end=\"234\">This challenge invites educators to explore how AI-powered coding can transform abstract concepts into interactive, visual learning experiences.<\/strong><\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">By leveraging Claude 3.5 Sonnet\u2019s ability to generate React-based web applications, educators can produce interactive diagrams, visual explainers, or custom tools that enhance student engagement. These AI-generated artifacts enable deeper learning through exploration and play\u2014whether illustrating scientific processes, mapping historical data, or simulating mathematical models. This activity highlights how coding with AI opens new pathways for active, student-centered learning design.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Challenge<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Claude 3.5 Sonnet allows you to build <strong data-start=\"790\" data-end=\"838\">interactive, AI-generated learning artifacts<\/strong> using web-based technologies like React. These tools can bring complex concepts to life\u2014perfect for use in the classroom, online learning modules, or as supplemental study aids.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With a free Claude account, you can prompt Claude to design an interactive diagram, dynamic explainer, or student-facing tool tailored to your discipline. The output can be hosted directly via Claude or downloaded and shared on your own platform.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Instructions<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>How to Get Started<\/strong><\/li>\n\n\n\n<li>Sign up for a <a href=\"https:\/\/claude.ai\/new\">free Claude account<\/a> <\/li>\n\n\n\n<li>Prompt Claude to create an interactive artifact related to your subject area. Try prompts like:\n<ul class=\"wp-block-list\">\n<li>\u201cCreate a React-based simulation of Newton\u2019s laws\u201d<\/li>\n\n\n\n<li>\u201cBuild a visual explainer for supply and demand curves\u201d<\/li>\n\n\n\n<li>\u201cMake an interactive tool to study rhetorical devices\u201d<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Refine and remix the output\u2014edit the code, test the interactive, and think about how it could support a lesson, homework task, or flipped classroom model.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/claude.ai\/new\">Try it Out<\/a><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Reflect and Share<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">What does this challenge reveal about the role of AI in teaching and learning? Try it out and share what you discovered in the comment box below, whether it\u2019s your final product, a reflection, or a surprising insight.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create AI-powered, React-based learning artifacts with Claude to support active, visual, and student-centered exploration of key topics.<\/p>\n","protected":false},"author":2538,"featured_media":363,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,6],"tags":[],"class_list":["post-7","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learning-activities","category-yellow-challenges"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/aichallenges\/wp-json\/wp\/v2\/posts\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/aichallenges\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/aichallenges\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/aichallenges\/wp-json\/wp\/v2\/users\/2538"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/aichallenges\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":6,"href":"https:\/\/blogs.ubc.ca\/aichallenges\/wp-json\/wp\/v2\/posts\/7\/revisions"}],"predecessor-version":[{"id":457,"href":"https:\/\/blogs.ubc.ca\/aichallenges\/wp-json\/wp\/v2\/posts\/7\/revisions\/457"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/aichallenges\/wp-json\/wp\/v2\/media\/363"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/aichallenges\/wp-json\/wp\/v2\/media?parent=7"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/aichallenges\/wp-json\/wp\/v2\/categories?post=7"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/aichallenges\/wp-json\/wp\/v2\/tags?post=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}