How do I enable / install tikz package for drawing graphs ?

[gourav]

I confess I am a newbie to both livebook and latex. I want to be able to write latex code for generating graph like this:

As per internet wisdom, it can be done with, but I don't get it to be working iwth live book.

\documentclass{article}
\usepackage{tikz}
\usepackage{amsmath}
\begin{document}
\begin{tikzpicture}
  \draw[thin,gray!40] (-2,-2) grid (2,2);
  \draw[<->] (-2,0)--(2,0) node[right]{$x$};
  \draw[<->] (0,-2)--(0,2) node[above]{$y$};
  \draw[line width=2pt,blue,-stealth](0,0)--(1,1) node[anchor=south west]{$\boldsymbol{u}$};
  \draw[line width=2pt,red,-stealth](0,0)--(-1,-1) node[anchor=north east]{$\boldsymbol{-u}$};
\end{tikzpicture}
\end{document}

Please let me know how to proceed with this.

[jonatanklosko]

Hey @gourav, Livebook uses Markdown not LaTeX, other than TeX-style equations, but without any external packages. However, there is a service called Kroki for rendering diagrams in various formats and there is a Livebook integration, so you could do this:

# (setup cell)
Mix.install([
  {:kino_kroki, "~> 0.1.0"}
])

Kino.Kroki.new(
  ~S"""
  \usepackage{tikz}
  \usepackage{amsmath}
  \begin{document}
  \begin{tikzpicture}
    \draw[thin,gray!40] (-2,-2) grid (2,2);
    \draw[<->] (-2,0)--(2,0) node[right]{$x$};
    \draw[<->] (0,-2)--(0,2) node[above]{$y$};
    \draw[line width=2pt,blue,-stealth](0,0)--(1,1) node[anchor=south west]{$\boldsymbol{u}$};
    \draw[line width=2pt,red,-stealth](0,0)--(-1,-1) node[anchor=north east]{$\boldsymbol{-u}$};
  \end{tikzpicture}
  \end{document}
  """,
  :tikz
)