Graph of y = x and y = -x

Overview

A brief animation that draws the Cartesian coordinate system, plots the line $y = x$ highlighting the origin $(0,0)$, and then adds the line $y = -x$. The viewer sees how the two lines intersect at the origin and are symmetric about the x‑axis.

---

Phases

#	Phase Name	Duration	Description
1	Intro	~2s	Title fades in at the top; axes appear.
2	Plot $y = x$	~4s	The line $y = x$ is drawn from left to right; a small dot appears at the origin with a label “$(0,0)$”.
3	Plot $y = -x$	~4s	The line $y = -x$ is drawn, mirroring the first line; the origin dot remains highlighted.
4	Outro	~2s	Both lines stay on screen while the title fades out; a brief caption “Symmetric lines through the origin” appears at the bottom.

---

Layout

┌─────────────────────────────────────┐
│               TOP AREA               │
├───────────────────────┬─────────────┤
│                       │             │
│        LEFT AREA      │   RIGHT AREA│
│   (main graph area)   │ (optional) │
│                       │             │
├───────────────────────┴─────────────┤
│               BOTTOM AREA            │
└─────────────────────────────────────┘

Area Descriptions

Area	Content	Notes
Top	Title “Graph of $y = x$ and $y = -x$”	Fades in during Intro, fades out in Outro
Left	Cartesian axes with both lines; origin dot and label	Primary visual, occupies most of the screen
Right	(empty)	Reserved for future extensions; remains blank
Bottom	Caption “Symmetric lines through the origin”	Appears in Outro, small font

---

Notes

• All drawing actions use smooth linear growth (Create) to keep the animation fluid.
• The origin dot and its label should stay visible throughout the whole scene.
• No additional text is shown except the title and final caption.
• The entire scene fits within a single Scene class.