Advanced Markdown: Custom Graphs & Headings

1. Visualizing Vectors

We can now render beautiful, hand-drawn vector diagrams directly in Markdown. No more screenshots! These graphs are generated by our EquationGraph component, which means they are crisp, scalable, and theme-aware.

Here is the standard Cartesian plane with our basis vectors $\hat{i}$ and $\hat{j}$.

2. Vector Addition

We can also demonstrate the Parallelogram Law of vector addition dynamically.

If we want to add vectors $(1, 2)$ and $(2, 1)$, we complete the parallelogram. The resulting vector $(3, 3)$ is the diagonal.

3. Headings with Personality

You might have noticed the headings on this page are different. They use our new <ColoredHeading /> component!

We can choose different styles to match the tone of the section:

• Gradient: For main topics.
• Highlight: For important concepts.
• Bracket: For technical notes or asides.
• Underline: For classic sections.

This allows us to create a visual hierarchy that guides the reader’s eye, making learning more effective and enjoyable.