Row Reduction

Interactive matrix row reduction simulator (REF / RREF)

Embed syntax

Inside node/facet MDX content, embed the component directly. Inside a page, insert it through the Studio's component picker instead — it configures the same props through a form (or raw JSON if EditorComponentisn't set for this one).

<RowReduction
  initialMatrix={[[1,2,5,8],[2,5,11,17],[1,3,8,13]]}
  type="augmented"
  augmentedCol={3}
  mode="manual"
  title=""
  allowMatrixInput={false}
  autoReduce="ref"
/>

Live example

Props

Prop	Type	Default	Description
initialMatrix	number[][]	[[1,2,5,8],[2,5,11,17],[1,3,8,13]]	Starting matrix. Ignored once the reader confirms their own via allowMatrixInput.
steps	string[]	—	Manual list of row-operation notations (e.g. "r_2 -> r_2 - 2r_1") to replay in auto mode. Ignored if autoReduce is set to anything but "none".
type	"augmented" \| "regular"	"augmented"	Whether to draw a vertical divider before the last column.
augmentedCol	number	3	Column index where the augmented divider is drawn.
mode	"auto" \| "manual"	"manual"	Auto steps through a scripted or generated reduction; manual lets the reader type their own row operations.
title	string	"Row Reduction"	Card title.
allowMatrixInput	boolean	false	Let the reader type their own starting matrix before the widget appears.
autoReduce	"none" \| "ref" \| "rref"	"none"	In auto mode, generate the steps to reach Row Echelon Form or Reduced Row Echelon Form automatically, instead of requiring a hand-written steps list.

Surface Graph