commit 7e9131cc1e7f68c3b6da01df8c6e6070cd2a2b21 parent c1189d7c3fee2e658b84a191dec28b2bbf8858c2 Author: fen123456 <fenwthompson@gmail.com> Date: Fri, 14 Aug 2026 23:14:46 +0100 Change Graph- to Plot- Diffstat:
12 files changed, 25 insertions(+), 25 deletions(-)
diff --git a/src/components/graphing/Angle.jsx b/src/components/plotting/Angle.jsx diff --git a/src/components/graphing/Cubic.jsx b/src/components/plotting/Cubic.jsx diff --git a/src/components/graphing/Graph.jsx b/src/components/plotting/Graph.jsx diff --git a/src/components/graphing/Label.jsx b/src/components/plotting/Label.jsx diff --git a/src/components/graphing/Line.jsx b/src/components/plotting/Line.jsx diff --git a/src/components/graphing/Point.jsx b/src/components/plotting/Point.jsx diff --git a/src/components/graphing/Polygon.jsx b/src/components/plotting/Polygon.jsx diff --git a/src/components/graphing/Quadratic.jsx b/src/components/plotting/Quadratic.jsx diff --git a/src/components/graphing/Segment.jsx b/src/components/plotting/Segment.jsx diff --git a/src/components/questions/DoubleReflectionQuestion.jsx b/src/components/questions/DoubleReflectionQuestion.jsx @@ -1,7 +1,7 @@ import { formatLine, getRandomChoice, getRandomInt } from "../../scripts/utils"; -import Graph from "../graphing/Graph"; -import Line from "../graphing/Line"; -import Polygon from "../graphing/Polygon"; +import Plot from "../plotting/Plot"; +import Line from "../plotting/Line"; +import Polygon from "../plotting/Polygon"; import Question from "../Question"; function shapeToString(shape) { @@ -59,11 +59,11 @@ export default function DoubleReflectionQuestion({ seed, showAnswer }) { <p> Reflect in {formatLine(line1)} then {formatLine(line2)}. What single transformation describes this? </p> - <Graph viewBox={viewBox} width="300" height="300"> + <Plot viewBox={viewBox} width="300" height="300"> <Polygon points={originalShape} label="P" colour="1" /> <Line line={line1} colour="2" viewBox={viewBox} /> <Line line={line2} colour="3" viewBox={viewBox} /> - </Graph> + </Plot> </>) const intersect = findIntersect(line1, line2) diff --git a/src/components/questions/RotationTranslationQuestion.jsx b/src/components/questions/RotationTranslationQuestion.jsx @@ -1,7 +1,7 @@ import { getRandomChoice, getRandomInt } from "../../scripts/utils"; -import Point from "../graphing/Point"; -import Polygon from "../graphing/Polygon"; -import Graph from "../graphing/Graph"; +import Point from "../plotting/Point"; +import Polygon from "../plotting/Polygon"; +import Plot from "../plotting/Plot"; import Question from "../Question"; import Equation from "../Equation"; @@ -50,21 +50,21 @@ export default function RotationTranslationQuestion({ seed, showAnswer }) { <p>Shape P is rotated {angleExpression} about point Q to form shape R.</p> <p>Shape R is translated by <Equation equation={`vec(${translationVector[0]}, ${translationVector[1]})`} /> to form shape S.</p> <p>What single transformation maps shape P onto shape S?</p> - <Graph viewBox={viewBox}> + <Plot viewBox={viewBox}> <Polygon points={originalShape} label="P" colour="1" /> <Point point={ axis1} label="Q" colour="2" /> - </Graph> + </Plot> </>) const answer = (<> <p>Rotation {angleExpression} about <Equation equation={`(${axis2[0]}, ${axis2[1]})`} />.</p> - <Graph viewBox={viewBox}> + <Plot viewBox={viewBox}> <Polygon points={originalShape} label="P" colour="1" /> <Point point={ axis1} label="Q" colour="2" /> <Polygon points={ midShape} label="R" colour="3" /> <Polygon points={ endShape} label="S" colour="4" /> <Point point={ axis2} /> - </Graph> + </Plot> </>) return <Question question={question} answer={answer} showAnswer={showAnswer} /> diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx @@ -1,13 +1,13 @@ import Window from '../components/Window.jsx'; -import Graph from '../components/graphing/Graph.jsx'; -import Quadratic from '../components/graphing/Quadratic.jsx'; -import Cubic from '../components/graphing/Cubic.jsx'; -import Polygon from '../components/graphing/Polygon.jsx'; -import Angle from '../components/graphing/Angle.jsx'; -import Segment from '../components/graphing/Segment.jsx'; -import Line from '../components/graphing/Line.jsx'; -import Point from '../components/graphing/Point.jsx'; -import Label from '../components/graphing/Label.jsx'; +import Plot from '../components/plotting/Plot.jsx'; +import Quadratic from '../components/plotting/Quadratic.jsx'; +import Cubic from '../components/plotting/Cubic.jsx'; +import Polygon from '../components/plotting/Polygon.jsx'; +import Angle from '../components/plotting/Angle.jsx'; +import Segment from '../components/plotting/Segment.jsx'; +import Line from '../components/plotting/Line.jsx'; +import Point from '../components/plotting/Point.jsx'; +import Label from '../components/plotting/Label.jsx'; export default function Home() { const viewBox = [-5, -4, 8, 8]; @@ -17,14 +17,14 @@ export default function Home() { <Window title="Home"> <p>Hello World!</p> <div class="field-border kern"> - <Graph viewBox={viewBox}> + <Plot viewBox={viewBox}> <Quadratic a={2} b={1} c={-3} colour="1" viewBox={viewBox} /> <Polygon points={[[1,2], [-1,1], [-4,3]]} label="P" colour="2" /> <Cubic a={1} b={-3} c={3} d={-1} colour="3" viewBox={viewBox} /> <Line line={{a: -10, b: -9, c: -1}} colour="4" viewBox={viewBox} /> <Point point={[0,1]} label="Q" colour="5" /> - </Graph> - <Graph mode="blank" viewBox={[0, 0, 5, 5]}> + </Plot> + <Plot mode="blank" viewBox={[0, 0, 5, 5]}> <Label point={A} position="top">A</Label> <Label point={B} position="right">B</Label> <Label point={C} position="bottom">C</Label> @@ -34,7 +34,7 @@ export default function Home() { <Angle points={[A, B, C]} right={true} /> <Angle points={[B, C, A]} /> <Angle points={[C, A, B]} /> - </Graph> + </Plot> </div> </Window> </main>