P5js AI Visualizations

Welcome to the captivating world of learning programming and development through P5.js visualizations! 

We encourage students of all ages to explore coding concepts, hands-on. With ready-to-use code snippets, students can easily paste them into an online editor and embark on their coding journey. 


By manipulating the code and witnessing the immediate visual changes, students gain a deep understanding of programming principles.


Through this program, students will: 


Whether it's adjusting shapes, colors, or animations, this interactive approach fosters a love for coding and empowers students to become confident creators of their digital world. 


Join us today and let your imagination come to life through code!

Click here to learn more about p5.js:

P5.js is a JavaScript library that simplifies coding and enables the creation of interactive visualizations and animations. We combine P5.js and the power of generative AI to provide students the opportunity to explore computer science principles, coding concepts, and general engineering in a fun and innovative way! 


In our in-person workshops, students learn how to generate their own code and customize their own visualizations as a part of our CREATE Discovery Card Game. 

This program is brought to you through a partnership between Code Savvy and the Minnesota Tech Network (MTN).