## Concept explanation The **slope** of a curve at one specific point tells you its **instantaneous rate of change** there. You can think of it as the curve’s local steepness at that exact location: a positive slope means the function is increasing, a negative slope means it is decreasing, and a slope near zero means the curve is momentarily flat. The tangent line helps show this because it matches the curve’s direction at just that point. ## What you see You’re looking at one smooth function drawn on coordinate axes, with a movable point sitting on the curve. The gold line is the tangent line at that point, and the numeric slope readout updates continuously as the point moves. As you slide or drag left and right, notice how the tangent rotates to match the curve’s local steepness from place to place. ## Try it yourself - **Drag the point** along the curve and watch the tangent line tilt as the local steepness changes. - **Use the point x-position slider** to move more precisely and compare the slope at nearby positions. - **Look for where the slope readout is close to `0`** and notice that the tangent becomes nearly horizontal. - **Move the point to a rising part of the curve** and see how the slope becomes positive. - **Move the point to a falling part of the curve** and see how the slope becomes negative. - **Switch the function** with the dropdown and compare how different curves produce different tangent behaviors at the same `x`-positions. - **Press Reset point** to return to the starting location and test your observations again. ## Concept explanation The **first derivative** of a function is a new graph built from the original function’s **slope** values. For each `x`, you look at how steep the original curve is there, and that slope becomes the `y`-value on the derivative graph. So the derivative is not showing height anymore — it is showing how quickly the original function is rising or falling at each position. ## What you see The top coordinate system shows the original curve `f(x)` with a movable point and its tangent line, which reveals the local slope at that `x`. The lower coordinate system shows `f'(x)`. As you move the top point, a matching point appears below at the same horizontal position, but with vertical position equal to the tangent slope. The traced points gradually form the derivative graph, so you can watch a collection of local slope measurements turn into a whole new function. ## Try it yourself - **Drag the point on the top curve** left and right, and watch the lower point move to the slope value for that same `x`. - **Use the x-position slider** to move steadily across the function and see the derivative graph build point by point. - **Pause where the tangent looks flat** and notice that the lower point sits near `y = 0`. - **Move to places where the top curve is falling** and see the derivative point drop below the horizontal axis. - **Move to steeper rising sections** and notice the lower point climb higher, because bigger positive slopes mean bigger derivative values. - **Toggle the traced derivative** to compare the single current slope point with the accumulated graph. - **Press Reset trace** and rebuild the derivative graph yourself from scratch. ## Concept explanation The **first derivative** `f'(x)` tells you the local slope of the original function `f(x)`. When `f'(x)` is **positive**, the graph of `f(x)` is increasing as you move left to right; when `f'(x)` is **negative**, the graph is decreasing; and when `f'(x)` is **zero**, the tangent line is horizontal, which marks a flat spot where the function temporarily stops rising or falling. ## What you see You can compare the original function on the top panel with its derivative on the bottom panel at the same `x`-value. The dashed guide lines stay aligned vertically, the highlighted point on the derivative graph shows the slope value, and the color changes connect the two graphs: green means increasing, red means decreasing, and gold marks places where the derivative is zero and the tangent is horizontal. ## Try it yourself - **Drag the x slider** slowly from left to right and watch the highlighted points move together on both graphs. - **Pause where the bottom point is above `0`** and notice that the top graph is rising at the same `x`. - **Pause where the bottom point is below `0`** and notice that the top graph is falling there. - **Find where the derivative curve touches `0`** and look at the tangent cue on the top graph become flat. - **Switch the view mode** to compare the same relationship from a shifted perspective and confirm that the sign of `f'(x)` still predicts whether the function rises, falls, or flattens. - **Press Reset x** and repeat the scan, focusing on how the sign zones in the derivative graph match the behavior of the function above. ## Concept explanation The **first derivative** tells you the slope of a function at one point, but the **second derivative** tells you how that slope is changing as you move in `x`. If nearby tangent slopes become more positive, the second derivative is positive. If nearby tangent slopes stay about the same, the second derivative is near zero. If nearby tangent slopes become more negative, the second derivative is negative. So you can think of the second derivative as the rate at which the slope itself bends or changes. ## What you see You’re looking at a function graph with a movable point and its tangent line. The shaded vertical band marks a small neighborhood around that point, so the visualization can compare tangent slopes just to the left and right. The slope meter on the side summarizes what those nearby slopes are doing: moving upward means slopes are getting larger, staying centered means they are nearly constant, and moving downward means slopes are getting smaller. ## Try it yourself - **Drag the point** along the graph and watch how the tangent line rotates while the slope meter changes state. - **Move the neighborhood-width slider** to compare slope changes over a smaller or wider local interval. - **Pause where the meter says `constant`** and notice that the nearby tangent slopes are barely changing there. - **Find a place where the meter says `increasing`** and see that slopes to the right are larger than slopes to the left. - **Find a place where the meter says `decreasing`** and notice that the tangent slopes get smaller across the neighborhood. - **Switch the function** to compare places where the second derivative stays positive, stays nearly constant, or changes sign. ## Concept explanation The **second derivative** tells you how the slope itself is changing. When **`f''(x) > 0`**, the slope is increasing as you move to the right, so the graph bends upward and is **concave up**. When **`f''(x) < 0`**, the slope is decreasing, so the graph bends downward and is **concave down**. You can think of this as the difference between a curve shaped like a cup and one shaped like a cap. ## What you see You’re looking at one function with a movable point on the curve. The gold line is the tangent line, showing the current slope at that point. The small shaded bending cue near the point changes orientation and color: green for an upward-bending cup, red for a downward-bending cap, and gold near an inflection point where the concavity changes. ## Try it yourself - **Drag the point along the curve** and watch how the tangent slope changes from place to place. - **Notice the green cue** where slopes are getting larger as you move right; that is where the graph is concave up. - **Notice the red cue** where slopes are getting smaller as you move right; that is where the graph is concave down. - **Move the slider slowly across the middle** and look for where the label changes near an inflection point. - **Switch between the cubic and sine functions** to see that the same second-derivative idea works on different curves. - **Press `Reset point`** to return to the center and compare the bending on each side. ## Concept explanation An **inflection point** is a place where a graph changes its **concavity** — in other words, where it switches from bending downward to bending upward, or the other way around. A reliable test is to look at the **second derivative** `f''(x)`: when `f''(x)` changes sign from negative to positive or from positive to negative, the curve changes bending direction, and that `x`-value is an inflection point. ## What you see You can explore a function graph in the main panel and a matching sign strip for `f''(x)` underneath. The colored strip shows where the second derivative is negative or positive, the gold markers show candidate locations to check, and the movable vertical cursor lets you compare the graph and the sign strip at the same `x`-value. When the cursor reaches a true inflection point, the curve highlight and the sign strip line up to show the bend switching direction exactly where the second derivative switches sign. ## Try it yourself - **Drag the vertical cursor** across the graph and watch the label change between `concave down`, `switch point`, and `concave up`. - **Pause at a gold candidate marker** and check whether the sign strip changes from `−` to `+` or from `+` to `−` on either side. - **Click the Emphasis button** to turn the concavity region shading on and off, then compare how much easier it is to spot where the bending changes. - **Use the function dropdown** to switch to another example and see that some functions have one inflection point while others have several candidates. - **Move the cursor just left and right of a candidate** and notice that a true inflection point is not just where `f''(x)=0`, but where the sign of `f''(x)` actually changes. ## Concept explanation The original function **`f(x)`** tells you the function’s **position** or output value, the first derivative **`f'(x)`** tells you its **slope** and whether it is rising or falling, and the second derivative **`f''(x)`** tells you its **concavity**, or how the slope itself is changing. These three views work together: when **`f'(x) = 0`**, the original graph often has a flat point such as a local maximum or minimum, and when **`f''(x)`** changes sign, the original graph changes from bending upward to bending downward or vice versa. ## What you see You are looking at three vertically aligned graphs that share the same horizontal `x`-value. The top graph shows the function, the middle shows its first derivative, and the bottom shows its second derivative. A synchronized cursor and highlighted point move together across all three graphs, while the checkboxes add overlays that mark increasing versus decreasing intervals, link derivative zeroes to extrema on the original graph, and connect second-derivative sign changes to changes in concavity. ## Try it yourself - **Drag the shared cursor** across the graphs and watch how one `x`-position creates three connected readings at once. - **Turn on “increasing / decreasing”** and notice that where `f'(x)` is positive, the top graph rises, and where `f'(x)` is negative, it falls. - **Turn on “extrema links”** and **move the cursor near a zero of `f'(x)`** to see how that lines up with a flat point on `f(x)`. - **Turn on “concavity links”** and **slide the cursor near a zero of `f''(x)`** to see where the top graph changes its bending behavior. - **Switch between the cubic and quartic families** to compare a function with one concavity change to one with more turning structure. - **Use the slider for precise movement** so you can place the cursor exactly at special points and inspect the readouts.