Need help with tikzjax?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

kisonecat
156 Stars 10 Forks 2 Commits 8 Opened issues

Description

TikZJax is TikZ running under WebAssembly in the browser

Services available

!
?

Need anything else?

Contributors list

# 323,224
logrus
logging
TeX
C++
2 commits

TikZJax

TikZJax converts

script
tags (containing TikZ code) into SVGs.

See a live demo at http://tikzjax.com/

Example

In the

 of your HTML, include 
html


Then in the
, include TikZ code such as
html

Your TikZ will be compiled into SVGs; the

 element will be
replaced with the corresponding SVG.

How does this work?

Using https://github.com/kisonecat/web2js the Pascal source of

tex
is compiled to WebAssembly; the latex format is loaded (without all the hyphenation data), and
\documentclass[margin=0pt]{standalone}
\def\pgfsysdriver{pgfsys-ximera.def}
\usepackage{tikz}
is executed. Then core is dumped; the resulting core is compressed, and by reloading the dumped core in the browser, it is possible to very quickly get to a point where TikZ can be executed. By using an SVG driver for PGF along with https://github.com/kisonecat/dvi2html the DVI output is converted to an SVG.

All of this happens in the browser.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.