SVG

Math Clock...

1. Vectorial, Scalable, Text!!
2. Web: HTML, CSS
3. Like Most Graphics Formats: $y$-axis Points Down...
   
4. SVG Header:

   SVG Listing: Fig.svg. <?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="334.726pt" height="325.261pt" viewBox="0 0 334.726 325.261" version="1.1" >

5. CSS & Renderers: File System vs HTTP

Simple TikZ Code, Image above

\documentclass{standalone}

\usepackage{tikz}

\tikzstyle{cs}=[-latex,very thick]

\begin{document}
 \begin{tikzpicture}
    \tikzmath{\l=-1;}%lower
    \tikzmath{\u=3;}%upper
    \tikzmath{\m=0.5*(\l+\u);}%mean
    \tikzmath{\t=-2;}%text pos
    \tikzmath{\dx=5;}%delta
    
    \draw[cs] (\l,0) -- (\u,0) node[right] {$x$};
    \draw[cs] (0,\l) -- (0,\u) node[above] {$y$};
    
    \node at (\m,\t)     {Math (TiKZ)};
    \node at (\m+\dx,\t) {SVG (Graphics)};
    
    \draw[cs]     (\l+\dx,0)   -- (\u+\dx,0) node[right] {$x$};
    \draw[cs,red] (\dx,\u)     -- (\dx,\l)   node[below] {$y$};
 \end{tikzpicture}
\end{document}