System of Equations

The System of Equations response type allows test takers to respond to an item by manipulating one or more linear functions and the grid sections they create to represent a given context.

The following demo presents the system of equations response type.

The demo only provides minimal functionality to present styles and theming.
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 System of Equations responses occur in a coordinate grid (see the Coordinate Grids page). One to two linear functions appear on the grid as interactive points and lines (see the Points, Lines, Polygons page), which test takers can manipulate. When there is one function it is the default blue for interactive points and lines. When there are two functions, the first is green #00B006 , and the second is purple #50008A to maintain visibility for color-blind test takers (see the Colors page). When disabled, the first function becomes drak gray #484848 , and the second becomes light gray #949494 .

The grid sections between the functions are interactive so that test takers may select them as part of the reponse. Grid sections have the following states.

  • Default. The section is transparent.
  • Hover. Visible when the cursor is over the section. The section has a black #000000 fill at 12% opacity. The pointer cursor is shown.
  • Selected. The section has a blue #0084FF fill at 41% opacity.
  • Disabled. Visible when the section is inactive (e.g., when a modal system tool like Scratchwork is enabled). When disabled, selected sections have a gray #595959 fill at 41% opacity.

Controls

System of Equations responses have two sets of controls.

  • A control group (see the Control Groups page) for each linear function. Each group contains radios (see the Checkboxes & Radios page) that allow the test taker to toggle the associated function between solid and dashed states. The control groups are vertically stacked to the right 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.