STEAMcoded.org bridging STEM and STEAM. eBook, STEAM Coded String Art, provides students and their teachers with a fun way to practice STEM while creating Art and learning to code.

Science uses math to model and explain what is observed. For a very long time the phases of the moon have been used to model a calendar.

The image on the right attempts to show the sun, earth, and moon as the earth orbits the sun and the moon orbits the earth. While not to scale, it does show how the sun's rays hit the moon and what that looks like from earth.

Coding this image is simply a few circles. Animating it is simply rotating the circles about the center of the image. The sun's rays and view from earth, however, requires some trigonometry, since the length of the sun's rays does not stay constant.

Current Moon Phase

This SVG image displays the current phase of the moon. It is a linear approximation, so not 100% accurate, but still cool.

Click on the caption or this link to enlarge.

Drinking Bird

This SVG image displays a Drinking Bird using CSS animation. The original image was obtained from openclipart.org. The animated version as shown here has been uploaded as a remix of the original.

What is the science behind the drinking bird? It is a heat engine as explained in this YouTube video by the Engineer Guy.

Click on the image or this link to enlarge.

Current Temperature

This SVG image displays the current temperature from a random National Weather Service Station. There are over 2500 weather stations located in the United States and its territories.

The image can display a specific station when a station identifier is appended to the URL of the image. For example, clicking this link outsideTemp.svg?stn=KNYC displays the temperature from New York, NY.

To find a station near you, go to the NWS site, then select a state and click find: http://forecast.weather.gov/xml/current_obs

Click on the caption or this link to display the image.

Atoms are the building blocks of almost everything; solids, liquids, and gases.

The image on the left shows a simplified model for an atom. Atoms consist of protons, neutrons, and electrons. Protons and neutrons make up the nucleus of an atom while electrons spin around the nucleus. Protons have a positive charge, electrons have a negative charge, and neutrons have no charge.

Learn how to code this model of an atom on the lessons page.

atoms.svg

Atom Model
This image displays an animated atom from one of the first 3 periods of the periodic table - Atomic Numbers 1-18. It displays a random atom everytime you refresh the page and hides the periodic table selection.

The full image includes a partial periodic table with the element's symbol, atomic number, and atomic weight. It allows selecting any of the first 18 atoms of the periodic table and shows the 1s, 2s, 2p, 3s, and 3p orbits.

Click on the caption or this link to select other atoms.

Graphene.svg

Graphene
The Graphene image displays animated carbon atoms bonded together to form Graphene - a sheet of carbon atoms 1 atom thick. The image was inspired by the book, GRAPHENE by Les Johnson and Joseph E. Meany

Graphene is 1.5 times more conductive than silver, the most conductive metal. Graphene in one experiment had 10 times the strength of steel and 1/20 the mass.

It's potential applications range from batteries and electrical transmission to space elevators and solar sails for space travel - and so much more. The author thinks we are at the beginning of the Graphene Age.

The Graphene image links to a Carbon Atom by clicking on the text 'Carbon' and the Carbon image links to a Graphene image by clicking on the text 'Graphene' - so you can go back and forth between the 2 images.