About
Science
Technology
Engineering
Art
Math

Vision
The web is our digital world. Everyone can code it.

Misson
Providing free STEAM resources for teachers and students learning to code.

STEAMcoded.org - STEM, Art, and learning to code.
STEAMcoded.org is about coding web graphics. Scalable Vector Graphics (SVG) is a web standard markup language that works in all browsers.

There is nothing to install; Edit a file, Save it, and Open it in a browser.

SVG is visual, fun, and easy to learn. It can be as simple as coding basic shapes, yet still has a depth of mathematics that can challenge at any age.

Coding Scalable Vector Graphics builds expertise that can easily be applied to other web technologies like HTML, Javascript, etc. Give it a try, everyone can do it!

Learn SVG Interactively, a free eBook, is now online. Learn the basic SVG shapes by interactively changing attributes on a 500 by 500 grid - like graph paper. It demonstrates how attributes affect basic shapes and also covers the more complex Bezier curves and Elliptical Arcs. It also convers the transform attribute and painting and styling objects and text.

Feedback
"The students seem to really be engaged in their learning. I have no doubt that you whet the appetite for students to take their learning home and also to apply it to new situations. This is what we aspire towards!"

Dr. Michael Lichucki
Director of Curriculum, Instruction, and Assessment
La Crosse School District

"... the connection to our math standards was perfect."

Courtney Vail
7th Grade Math Teacher
La Crosse School District

"This is so cool!"
- 7th grade female student
"This is my best class ever."
- 5th grade male student

Lessons
The lesson plans were developed while teaching 4th-8th graders coding with SVG. Most images are drawn on a grid to help the student visualize what is happening as they add new shapes to their SVG code.

Tools to help make more complex shapes like stars, polygons, and spirals are available on the Maker page where you can also learn how to add JavaScript to an SVG image.

STEAMcoded.org is founded by Jay Nick. Jay is a retired electrical engineer and Volunteer teaching students to code. He has created the content on this site and has written and self-published several free, SVG centric eBooks. He is a contributor to http://openclipart.org, a great source of free SVG images.

STEAM Coded String Art is his first eBook in a series aimed at creating Art and learning to code. The eBook uses string art to teach the math behind polygons and Bezier curves. View the images from the eBook on the Art page.
STEAM Coded Tangrams, the second eBook in the series, is a delightful eBook that facinates young children with its animated shapes while showing how to solve tangram puzzles, then challenges their older siblings to create their own tangram puzzle, using a template included in the book and on the Tangrams page.

Jay has also created and published other free eBooks with handcoded SVG images: Learn SVG Interactively, I Love to Doodle, I Love to Color, Play, & Learn, and A New Day. Additionally, Jay has been involved in publishing free eBooks for children, written by Barbara Nick. They are available from Catto Creations.

Jay is available to speak or conduct workshops as author, illustrator, and self-publisher about SVG, coding, and/or publishing. Publishing is relevant here as eBooks use web technology for their content. Use the link on the left to contact him or on twitter @jjaynick.