# Combine STEM with coding

**URL:** https://discourse.processing.org/t/combine-stem-with-coding/22699
**Category:** Teaching
**Created:** [July 18, 2020, 1:05am UTC](https://discourse.processing.org/t/combine-stem-with-coding/22699 "2020-07-18T01:05:26Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![codeguppy](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/codeguppy/32/8322_2.png) [@codeguppy](https://discourse.processing.org/u/codeguppy)
#### Post date: [July 18, 2020, 1:05am UTC](https://discourse.processing.org/t/combine-stem-with-coding/22699/1 "2020-07-18T01:05:26Z")

</div>

Hello teachers,

I have a suggestion for you. Combine STEM with coding for a maximum educational value. For instance the following programs made possible by processing API shows how to plot a function graph. I hope you find the program and concept useful.

 ![plot-a-function](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/e/e63c7cd4713bba8831bda2c9a9d54acdca474e8a.png)

https://www.codeguppy.com/code.html?fngraph

P.S. coding is STEM… but combining coding with other STEM field is even more powerful!

---

<div class="post-metadata">

### Author: ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)
#### Post date: [July 27, 2020, 11:23pm UTC](https://discourse.processing.org/t/combine-stem-with-coding/22699/2 "2020-07-27T23:23:25Z")

</div>

Hi @codeguppy – Thanks for sharing this sketch embed!

Two quick suggestions:

1. save it with a descriptive title (currently Untitled in the embed)
2. give it a code comment header block with a sentence or two describing the concept of what it is and what it does, for example something like:

```auto
/**
 * Graphing a Wave
 * 2020-07-17
 * Plot a wave function on the screen, like an oscilloscope! * 
 * This codeguppy sketch demonstrates graphing sin() function.
 * As the start x increases over time it scrolls to the right.
 */

```

---

<div class="post-metadata">

### Author: ![mcintyre](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/mcintyre/32/14561_2.png) [@mcintyre](https://discourse.processing.org/u/mcintyre)
#### Post date: [July 31, 2020, 12:44am UTC](https://discourse.processing.org/t/combine-stem-with-coding/22699/3 "2020-07-31T00:44:55Z")

</div>

Thanks @codeguppy! Coding can help students deepen their understanding of other subjects from grade school to grad school. Here are a few STEM examples from outside the Processing community.

- [Scratch](http://scratched.gse.harvard.edu/resources/scratch-across-every-subject-recap) (so many!)
- [Bootstrap](https://www.bootstrapworld.org/) (data science, math, science)
- [TechSmart](https://www.techsmart.codes/pathway/#applied-coding) (math, science)
- [LAFF](http://ulaff.net/) (math)
- [Green Tea Press](https://greenteapress.com/wp/) (data science, science)

I had my precalculus students code with p5.js last year. They started by drawing constellations (discrete and continuous graphs) and meteors (linear functions). [NOC](https://natureofcode.com/) was a wonderful resource for later projects with vectors and trigonometry. Lots of ideas for improvements, so hopefully I get the chance to iterate on the course this fall!
