Skip to main content

Visual overviews

Use this page as a reference when you drop AI-generated overviews into Markdown/MDX: equations, architecture diagrams, and simple charts.

LaTeX math (KaTeX)​

Inline: let σ\sigma be the learning rate and optimize L(θ)L(\theta).

Block (fenced math):

∫01x2 dx=13\int_0^1 x^2\,dx = \frac{1}{3}

Display with $$ also works:

eiπ+1=0e^{i\pi} + 1 = 0

Mermaid​

Flow / sequence / Gantt / pie and more — use a mermaid code fence:

Charts (Recharts in MDX)​

For interactive bar charts, use the OverviewBarChart component (registered globally in MDX):

Loading chart…

Pass your own data array of { name, value } objects. Prefer Mermaid for quick diagrams during reviews; use Recharts when you need tooltips and axis labels like a small dashboard.