TikZ Support: Unable to Render TikZ Diagrams in LaTeX Code Blocks

[Meetcpatel]

Current Behavior

Currently, mathpix-markdown-it successfully renders standard LaTeX math expressions but does not support TikZ diagrams.

Working Example

\begin{align*}
x^2 + y^2 &= 1 \\
y &= \sqrt{1 - x^2}
\end{align*}

Not Working Example

\begin{tikzpicture}
  \draw (-1,0) -- (3,10pt) -- (35:3);
\end{tikzpicture}

Implementation Details

Using the library as recommended:

import { MathpixMarkdown, MathpixLoader } from 'mathpix-markdown-it';

<MathpixLoader>
  <MathpixMarkdown text={text} />
</MathpixLoader>

Use Case

TikZ support would be valuable for:

• Creating technical diagrams
• Drawing geometric figures
• Visualizing mathematical concepts
• Educational content creation

Environment

• mathpix-markdown-it version: 2.0.0
• React/Next.js application: 14.2.5

Questions

1. Is TikZ support currently planned?
2. Are there any technical limitations preventing TikZ support?
3. Are there any recommended workarounds in the meantime?