Function Graph

The function graph response type allows test takers to respond to an item by first selecting a function type and then manipulating the graph of the function so that it represents a given context.

The following demo presents the function graph response type. The demo has limited functionality for the purpose of showing its themes and styles.

To view alternative presentations and styling, use the Change Theme and Read Aloud buttons in the upper-right of the screen.

Grid

The primary interactions for Function Graph responses occur in a coordinate grid (see the Coordinate Grids page). Function graphs appear on the grid as interactive points and lines (see the Points, Lines, Polygons page), which test takers can manipulate.

For exponential functions, an interactive asymptote is provided. The asymptote is a dashed green #00B006 line with a drag handle. The handle has a white #FFFFFF background, a border, and up and down chevrons. The border and chevrons are the same green as the asymptote line. The ns-resize cursor is shown over the asymptote to indicate it can be dragged. When the test taker begins to drag the asymptote, the handle immediately jumps to the cursor position, which allows the test taker to move it out of the way of any nearby points.

Controls

Function Graph responses have two sets of controls.

  • A segmented control (see the Segmented Controls page), which test takers use to select a function type. The control is placed to the left of the coordinate grid.
  • Undo and Reset buttons, which are right-justified beneath the grid. Both buttons use the small secondary filled button style. (See the Buttons page for more information.)
    • The Undo button reverts the last change to the grid.
    • The Reset button restores the grid to its initial state.