Often intuitive appeals for the proof of the Product Rule rely on pictures like the following:

The above picture comes from https://mrchasemath.com/2017/04/02/the-product-rule/, which notes the intuitive appeal of the argument but also its lack of rigor.
My preferred technique is to use the above rectangle picture but make it more rigorous. Assuming that the functions
and
are increasing, the difference
is exactly equal to the sum of the green and blue areas in the figure below.

In other words,
,
or
.
This gives a geometrical way of explaining this otherwise counterintuitive step for students not used to adding by a form of 0. I make a point of noting that we took one term,
, from the first product
, while the second term,
, came from the second product
. From this, the usual proof of the Product Rule follows:
![[(fg)(x)]' = \displaystyle \lim_{h \to 0} \frac{f(x+h) g(x+h) - f(x) g(x)}{h}](https://s0.wp.com/latex.php?latex=%5B%28fg%29%28x%29%5D%27+%3D+%5Cdisplaystyle+%5Clim_%7Bh+%5Cto+0%7D+%5Cfrac%7Bf%28x%2Bh%29+g%28x%2Bh%29+-+f%28x%29+g%28x%29%7D%7Bh%7D&bg=ffffff&fg=000000&s=0&c=20201002)
![\displaystyle = \lim_{h \to 0} \frac{f(x+h) [g(x+h) - g(x)]}{h} + \lim_{h\ to 0} \frac{[f(x+h) - f(x)] g(x)}{h}](https://s0.wp.com/latex.php?latex=%5Cdisplaystyle+%3D+%5Clim_%7Bh+%5Cto+0%7D+%5Cfrac%7Bf%28x%2Bh%29+%5Bg%28x%2Bh%29+-+g%28x%29%5D%7D%7Bh%7D+%2B+%5Clim_%7Bh%5C+to+0%7D+%5Cfrac%7B%5Bf%28x%2Bh%29+-+f%28x%29%5D+g%28x%29%7D%7Bh%7D&bg=ffffff&fg=000000&s=0&c=20201002)
![\displaystyle = \lim_{h \to 0} \frac{f(x+h) [g(x+h) - g(x)]}{h} + \lim_{h\ to 0} \frac{[f(x+h) - f(x)] g(x)}{h}](https://s0.wp.com/latex.php?latex=%5Cdisplaystyle+%3D+%5Clim_%7Bh+%5Cto+0%7D+%5Cfrac%7Bf%28x%2Bh%29+%5Bg%28x%2Bh%29+-+g%28x%29%5D%7D%7Bh%7D+%2B+%5Clim_%7Bh%5C+to+0%7D+%5Cfrac%7B%5Bf%28x%2Bh%29+-+f%28x%29%5D+g%28x%29%7D%7Bh%7D&bg=ffffff&fg=000000&s=0&c=20201002)


For what it’s worth, a Google Images search for proofs of the Product Rule yielded plenty of pictures like the one at the top of this post but did not yield any pictures remotely similar to the green and blue rectangles above. This suggests to me that the above approach of motivating this critical step of this derivation might not be commonly known.
Once students have been introduced to the idea of adding by a form of 0, my experience is that the proof of the Quotient Rule is much more palatable. I’m unaware of a geometric proof that I would be willing to try with students (a description of the best attempt I’ve seen can be found here), and so adding by a form of 0 becomes unavoidable. The proof begins
![\left[\left( \displaystyle \frac{f}{g} \right)(x) \right]' = \displaystyle \lim_{h \to 0} \frac{ \displaystyle \frac{f(x+h)}{ g(x+h)} - \frac{f(x)}{ g(x)}}{h}](https://s0.wp.com/latex.php?latex=%5Cleft%5B%5Cleft%28+%5Cdisplaystyle+%5Cfrac%7Bf%7D%7Bg%7D+%5Cright%29%28x%29+%5Cright%5D%27+%3D+%5Cdisplaystyle+%5Clim_%7Bh+%5Cto+0%7D+%5Cfrac%7B+%5Cdisplaystyle+%5Cfrac%7Bf%28x%2Bh%29%7D%7B+g%28x%2Bh%29%7D+-+%5Cfrac%7Bf%28x%29%7D%7B+g%28x%29%7D%7D%7Bh%7D&bg=ffffff&fg=000000&s=0&c=20201002)

.
At this point, I ask my students what we should add and subtract this time to complete the derivation. Given the previous experience with the Product Rule, students are usually quick to chose one factor from the first term and another factor from the second term, usually picking
. In fact, they usually find this step easier than the analogous step in the Product Rule because this expression is more palatable than the slightly more complicated
. From here, the rest of the proof follows:
![[(fg)(x)]' = \displaystyle \lim_{h \to 0} \frac{ \displaystyle \frac{f(x+h) g(x) - f(x) g(x+h)}{h }}{g(x) g(x+h)}](https://s0.wp.com/latex.php?latex=%5B%28fg%29%28x%29%5D%27+%3D+%5Cdisplaystyle+%5Clim_%7Bh+%5Cto+0%7D+%5Cfrac%7B+%5Cdisplaystyle+%5Cfrac%7Bf%28x%2Bh%29+g%28x%29+-+f%28x%29+g%28x%2Bh%29%7D%7Bh+%7D%7D%7Bg%28x%29+g%28x%2Bh%29%7D&bg=ffffff&fg=000000&s=0&c=20201002)



![= \displaystyle \lim_{h \to 0} \frac{ \displaystyle \frac{[f(x+h) - f(x)] g(x)}{h} - \frac{f(x) [g(x+h) - g(x)]}{h }}{g(x) g(x+h)}](https://s0.wp.com/latex.php?latex=%3D+%5Cdisplaystyle+%5Clim_%7Bh+%5Cto+0%7D+%5Cfrac%7B+%5Cdisplaystyle+%5Cfrac%7B%5Bf%28x%2Bh%29+-+f%28x%29%5D+g%28x%29%7D%7Bh%7D+-+%5Cfrac%7Bf%28x%29+%5Bg%28x%2Bh%29+-+g%28x%29%5D%7D%7Bh+%7D%7D%7Bg%28x%29+g%28x%2Bh%29%7D&bg=ffffff&fg=000000&s=0&c=20201002)


P.S.
- The website https://mrchasemath.com/2017/04/02/the-product-rule/ also suggests an interesting pedagogical idea: before giving the formal proof of the Product Rule, use a particular function and the limit definition of a derivative so that students can intuitively guess the form of the rule. For example, if
:
