Otdfbt

I am completely confused now about how to use tikz with tex4ht, since there seems to be some latest changes and not able to figure what is the way to make it work.

Here is a MWE, which I'd like to compile with make4ht in mathjax mode. But the output does not look correct compared to the PDF

documentclass[11pt]article
usepackagetikz
usepackageamsmath
begindocument

begintikzpicture
coordinate[label =above:$0$, label =below:$u=0$] (A) at (0,0);
coordinate[label =above:$pi$, label =below:$u_x=0$] (B) at (4,0);

draw (A) -- node[above] $u_t = k u_xx $ node[below] $f(x)$ ++ (B);

node at (A)[circle,fill,inner sep=1pt];
node at (B)[circle,fill,inner sep=1pt];

endtikzpicture
enddocument

Now lualatex produces this

And make4ht foo.tex "mathjax" or make4ht foo.tex produces this

The math does not look as good as the PDF. And if I do this make4ht -ulm foo.tex "mathjax" it produces this

Changing the MWE to have this

documentclass[11pt]article
usepackagetikz,graphicx,tikz-dependency
defpgfsysdriverpgfsys-tex4ht.def
usepackageamsmath
begindocument
%as before
enddocument

Produces same output which is

ALso adding

ifdefinedHCode
 defpgfsysdriverpgfsys-tex4ht.def
fi

Had no effect.

I looked at using-htlatex-with-tikz-dependency but answers given are way too complicated and could not follow it. It needs external tools to make them work. inkscape and so on. Which I do not want to use.

What is the simplest way to make tikz work with make4ht these days? I am using TL 2018.

Will things change in TL 2019 for tex4ht?

If you compile this file "correctly" with tex4ht then it produces the expected HTML file:

Here "correctly" means that you need to tell pgf the "correct" driver to use by adding the line:

 defpgfsysdriverpgfsys-dvisvgm4ht.def

to the top of the tex file. If you are using TeXLive 2019 then you will have this file as it is included as part of the webquiz package, but this driver file is actually written by Michal Hoftich, who is one of the tex4ht maintainers. You can download the latest version of this driver from https://github.com/michal-h21/dvisvgm4ht.

Here is the modified MWE:

documentclass[11pt]article
ifdefinedHCode
 defpgfsysdriverpgfsys-dvisvgm4ht.def
fi 

usepackagetikz
usepackageamsmath
begindocument

begintikzpicture
coordinate[label =above:$0$, label =below:$u=0$] (A) at (0,0);
coordinate[label =above:$pi$, label =below:$u_x=0$] (B) at (4,0);

draw (A) -- node[above] $u_t = k u_xx $ node[below] $f(x)$ ++ (B);

node at (A)[circle,fill,inner sep=1pt];
node at (B)[circle,fill,inner sep=1pt];

endtikzpicture
enddocument

The easiest way to compile this file with tex4ht is to use Michal Hoftich's make4ht:

make4ht filename