Intuition The one core idea
A curved 2D surface floating in 3D space is hard to add things up on — but a flat, easy shape you can slide numbers across is not. Every symbol on the parent page exists to do just one job: map that easy flat shape onto the surface and measure how much the map stretches area , so we can trade a hard curved sum for an easy flat sum. (Every term in these two sentences — "map", "flat shape", "stretch", "flat sum" — is defined below, in order, before it is used again.)
Before you can read the parent page, you need to own every symbol it throws at you. Below, each one gets: plain words → the picture → why the topic needs it , in an order where each builds strictly on the last — nothing is used before it is built.
Definition A point in 3D and the triple
( x , y , z )
Space around you has three independent directions: left–right (x ), forward–back (y ), up–down (z ). A point is a spot in that space, written as an ordered triple of numbers ( x , y , z ) — three instructions "go x this way, y that way, z up."
Picture: three number-lines meeting at a corner (the origin ( 0 , 0 , 0 ) ), and a dot floating out in the room.
We need this because a surface is just a whole sheet of such points, and everything we compute lives on those points.
Worked example Figure 1 — a point as three instructions
The three grey arrows are the x , y , z number-lines meeting at the origin. The coral dot is the point ( x , y , z ) ; the lavender dashed lines are the three "walk this far along each axis" instructions that locate it.
A vector is an arrow: it has a direction and a length, but no fixed home — you can slide it around. We write it bold, a , and list its three components a = ( a 1 , a 2 , a 3 ) , meaning "step a 1 along x , a 2 along y , a 3 along z ."
Picture: an arrow from the tail to the tip.
Definition Length (magnitude)
∥ a ∥
The double bars ∥ a ∥ mean "how long is this arrow?" By Pythagoras in 3D:
∥ a ∥ = a 1 2 + a 2 2 + a 3 2 .
Picture: the straight-line distance from tail to tip.
Why the topic needs it: later, the size of a tiny patch of surface will turn out to be the length of a particular arrow . Length is the tool that turns "how big is this arrow?" into a single number, so we need it in hand before we can measure patches.
f
A function is a machine: feed it a number, it returns a number. f ( x ) = x 2 takes 3 , returns 9 .
d x d — the slope
The derivative answers one question: if I nudge the input a tiny bit, how fast does the output change? It is the slope of the graph at a point.
Picture: zoom into a curve until it looks straight; the derivative is the steepness of that straight bit.
Why this tool and not another? No other single number captures "rate of change at an instant." We need it because the surface's tangent directions (how the surface tilts) are rates of change of position.
Definition The parameters
u and v
To describe a surface we use two dials , called u and v . Turning one dial while freezing the other moves you along the surface in one direction. Two dials → two independent directions → a 2D sheet.
Picture: two knobs on a control panel; each pair of settings ( u , v ) picks out one spot on the surface.
Definition Partial derivative
When a machine takes two inputs, say g ( u , v ) , the partial derivative ∂ u ∂ g (curly ∂ , read "partial") asks: nudge only u , freeze v — how fast does g change? Do the opposite for ∂ v ∂ g .
Picture: stand on a hillside. ∂ / ∂ u is the slope if you walk due east; ∂ / ∂ v is the slope if you walk due north. Two different slopes at the same spot.
The curly ∂ (versus the straight d ) is a reminder: "there are other variables I'm holding still."
∂ as ordinary d
Why it feels right: they look similar.
The fix: d = only one variable exists; ∂ = several variables, I'm freezing all but one. On a surface there are always two parameters u and v , so we always use ∂ .
Why the topic needs it: partial derivatives are the tool that turns "nudge a dial" into an actual arrow on the surface — the tangent vectors we build in the next section. See Double integrals and Jacobian and change of variables for the flat-region cousins of these ideas.
Definition Vector-valued map of two variables
r ( u , v ) = ( x ( u , v ) , y ( u , v ) , z ( u , v ) ) is a machine that takes a flat point ( u , v ) and spits out a 3D point on the surface. Three ordinary functions bundled into one arrow.
Picture: a flat rubber region (the domain D — the set of all allowed ( u , v ) dial settings) getting bent and glued onto a curved sheet in the room.
Holding v fixed and sliding u paints a curve on the surface (a "grid line"); the two families of grid lines make the surface look like a warped checkerboard.
Definition Tangent vectors
r u and r v
Apply a partial derivative to the whole map:
r u = ∂ u ∂ r , r v = ∂ v ∂ r .
Each is an arrow lying flat against the surface , pointing the way you slide when you turn one dial.
Picture: two arrows glued to the surface at a point, running along the two grid lines through it.
Worked example Figure 2 — tangent vectors on a warped sheet
The mint sheet is the surface r ( u , v ) with its lavender grid lines. At the marked point, the coral arrow is r u (slide the u dial) and the lavender arrow is r v (slide the v dial). They both lie flat against the sheet — that is what "tangent" means.
Definition Regularity: the two tangents must not be parallel
For the patch to have a real, nonzero area, r u and r v must be linearly independent — that is, they must point in genuinely different directions, neither one a stretched copy of the other.
Picture: if the two arrows lined up (parallel), the little tile they span would be squashed flat to a line — zero area, a degenerate patch. A parametrization is called regular at a point exactly when this does not happen.
Why it matters: this is the surface version of "Jacobian = 0 " from Jacobian and change of variables . Only at regular points can we build a well-defined patch area and a normal direction. Points where the tangents collapse (like the poles of a sphere parametrization) must be handled as special cases.
Why the topic needs it: this map is the central trick. Everything hard (curved surface) is pushed back to everything easy (a flat region D you can slide numbers across) — as long as we stay at regular points.
Given two arrows a and b , their cross product a × b is a new arrow that is perpendicular to both , with length equal to the area of the parallelogram they span:
∥ a × b ∥ = ∥ a ∥ ∥ b ∥ sin θ ,
where θ is the angle between them.
Picture: a and b lie flat like two edges of a slanted tile; a × b stands straight up out of the tile, and its length equals the tile's area. Full story in Cross product .
sin θ and not cos θ ?
Area = base × height. If a is the base of length ∥ a ∥ , the height is ∥ b ∥ sin θ — the part of b standing perpendicular to a . When the two arrows point the same way (θ = 0 ), sin 0 = 0 : a flattened tile has zero area. That is exactly the degenerate case section 5 warned about — parallel tangents give zero patch area.
Definition Which of the two perpendicular directions? The right-hand rule
An arrow perpendicular to the tile could stick out of the top or the bottom . The right-hand rule picks one: point the fingers of your right hand along a , curl them toward b ; your thumb points along a × b .
Consequence: swapping the order flips the arrow, b × a = − ( a × b ) . This is why a surface has two possible normals and why flux carries a sign — the order in which you list the tangents chooses a side.
Why the topic needs it — two jobs at once:
Its length ∥ r u × r v ∥ = area of the tiny surface patch = the stretch factor (written d S , defined in section 9).
Its direction (fixed by the right-hand rule) = the way the surface faces = the normal n ^ used for flux.
One tool answers both "how big?" and "which way?".
Worked example Figure 3 — cross product gives area and normal
The butter-yellow tile is the parallelogram spanned by the coral arrow a and the lavender arrow b . The mint arrow standing out of it is a × b : its length equals the tile's area, and its direction is fixed by the right-hand rule (fingers along coral, curling to lavender, thumb up along mint).
Given two arrows a and b , their dot product is a single number :
a ⋅ b = a 1 b 1 + a 2 b 2 + a 3 b 3 = ∥ a ∥ ∥ b ∥ cos θ .
It measures how much the two arrows point the same way . Same direction → big positive; perpendicular → 0 ; opposite → negative.
Picture: the shadow of b cast onto the line of a , times the length of a .
cos θ here (and why flux uses it)
cos θ picks out the aligned part. Flux asks "how much fluid goes through the surface?" Only flow along the normal passes through; sideways flow slides along. The dot product F ⋅ n ^ is exactly "the part of F pointing through" — that's why flux is a dot product.
Why the topic needs it: F ⋅ n ^ and F ⋅ ( r u × r v ) are the heart of the flux integral.
A normal is any arrow perpendicular to the surface (pointing "straight out"). The hat ^ means "made length exactly 1 ." So
n ^ = ∥ r u × r v ∥ r u × r v .
Dividing an arrow by its own length keeps the direction, sets the length to 1 .
Picture: a tiny flagpole standing upright on the surface, exactly one unit tall.
There are exactly two choices (pole up, or pole down = − n ^ ). The right-hand rule from section 6 decides which one r u × r v gives; picking a side is called orienting the surface. This is why flux carries a sign . (This division only makes sense at regular points — where ∥ r u × r v ∥ = 0 , so we are not dividing by zero.)
Definition Double integral
∬ D ( ⋯ ) d u d v means "chop the flat region D into tiny rectangles d u d v , evaluate ( ⋯ ) on each, add them all up, take the limit as the rectangles shrink." It's an infinite sum over a 2D region. Groundwork in Double integrals .
d " symbols side by side
d u d v — area of a tiny rectangle in the flat parameter plane.
d S = ∥ r u × r v ∥ d u d v — area of the corresponding tiny patch on the curved surface (a positive number).
d S = ( r u × r v ) d u d v — same patch but kept as a vector (area size and facing direction). Note d S = n ^ d S .
Picture: flat tile → stretched-and-tilted tile on the surface → the same tile with a flagpole sticking out of it.
d S (scalar) with d S (vector)
Why it feels right: they're written almost the same.
The fix: bold S = has a direction (for flux); plain S = just a size (for mass/area). The bold one is n ^ d S .
A vector field F ( x , y , z ) = ( P , Q , R ) attaches an arrow to every point of space. Physically: at each point, the velocity of a fluid, or the strength and direction of a force.
Picture: a room full of tiny arrows, one growing out of every point, showing which way (and how fast) the water flows there.
Why the topic needs it: flux measures how this field pushes through the surface — the whole point of the vector surface integral.
Parametrization r of u and v
Tangent vectors r_u and r_v
Regularity independent tangents
Stretch factor and normal
dS scalar surface integral
Flux vector surface integral
Cover the right side; can you answer each before reading the parent page?
What does ( x , y , z ) mean? Three instructions locating one point in 3D space (steps along x , y , z ).
What does ∥ a ∥ compute, and with what formula? The length of arrow
a ;
a 1 2 + a 2 2 + a 3 2 .
What question does a derivative answer? "If I nudge the input a tiny bit, how fast does the output change?" — the slope.
Why write ∂ instead of d ? Several variables exist; ∂ / ∂ u nudges u while freezing every other variable.
What are the parameters u , v and the domain D ? Two dials that pick a spot on the surface; D is the flat set of all allowed dial settings.
What is r ( u , v ) ? A map sending a flat ( u , v ) point to a 3D point on the surface — the flatten-the-hard-thing trick.
What are r u and r v ? Partial derivatives of r ; tangent arrows lying flat on the surface along each dial's direction.
What is the regularity condition and why does it matter? r u , r v must be linearly independent (not parallel); otherwise the patch collapses to zero area — the surface version of Jacobian = 0 .
Cross product a × b : what length, what direction? Length = area of the parallelogram (∥ a ∥∥ b ∥ sin θ ); direction = perpendicular to both, fixed by the right-hand rule.
Why does swapping the order flip the cross product's sign? The right-hand rule reverses; b × a = − ( a × b ) — this is the source of flux's sign.
Why does the parallelogram area use sin θ not cos θ ? Area = base × height, and the height is the perpendicular part ∥ b ∥ sin θ .
Dot product a ⋅ b : what does it measure? How much the two arrows point the same way; ∥ a ∥∥ b ∥ cos θ .
Why is flux built from a dot product? Only the field's component along the normal passes through the surface, and F ⋅ n ^ extracts exactly that.
What is n ^ and how do you build it? The unit-length normal; take r u × r v (regular points only) and divide by its own length.
Difference between d S and d S ? d S is a positive patch area ; d S = n ^ d S is that patch as a vector (area plus facing direction).
What does ∬ D d u d v do? Chops the flat region D into tiny rectangles, sums a quantity over all of them, takes the shrinking limit.
What is a vector field F ? An arrow attached to every point of space — e.g. fluid velocity at each location.