Thanks everyone for the answers, I'm checking the links... I really liked the interactivity that the https://github.com/pyramation/LaTeX2JS plugin allows us to do. I've tried making a fast adaption here using a tiddler of type html but it doesn't work. I don't know why, if I save a file with the following content on my computer as html and open it with a browser it works:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=5.0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <title>LaTeX2JS Examples</title> <meta property="og:title" content="LaTeX2JS Examples"> <meta name="title" content="LaTeX2JS Examples"> <meta name="keywords" content="Interactive Mathematics Diagrams and Equations, Dan Lynch, UC Berkeley, LaTeX, PSTricks, JavaScript"> <meta name="description" http-equiv="description" content="Build interactive math equations and diagrams online using LaTeX and PSTricks"> <meta property="og:description" content="Build interactive math equations and diagrams online using LaTeX and PSTricks"> <meta property="og:type" content="article"> <meta property="og:image" content="https://latex2js.com/assets/images/share.jpg"; /> <meta property="og:image:secure_url" content="https://latex2js.com/assets/images/share.jpg"; /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:width" content="1024" /> <meta property="og:image:height" content="768" /> <meta property="og:site_name" content="LaTeX2JS"> <link href="https://fonts.googleapis.com/css?family=Arbutus+Slab"; rel="stylesheet" type="text/css"> <link rel="stylesheet" href="https://latex2js.com/assets/css/latex2js.css";> <link rel="stylesheet" href="https://latex2js.com/assets/css/website.css";> <script src="https://latex2js.com/assets/js/latex2html5.bundle.js";></script> </head> <body> <div class="centered"> <h1>LaTeX2JS Examples</h1> </div> <script type="text/latex"> <br> <br> \begin{pspicture}(0,-3)(8,3) \rput(0,0){$x(t)$} \rput(4,1.5){$f(t)$} \rput(4,-1.5){$g(t)$} \rput(8.2,0){$y(t)$} \rput(1.5,-2){$h(t)$} \psframe(1,-2.5)(7,2.5) \psframe(3,1)(5,2) \psframe(3,-1)(5,-2) \rput(4,0){$X_k = \frac{1}{p} \sum \limits_{n=\langle p\rangle}x(n)e^{-ik\omega_0n}$} \psline{->}(0.5,0)(1.5,0) \psline{->}(1.5,1.5)(3,1.5) \psline{->}(1.5,-1.5)(3,-1.5) \psline{->}(6.5,1.5)(6.5,0.25) \psline{->}(6.5,-1.5)(6.5,-0.25) \psline{->}(6.75,0)(7.75,0) \psline(1.5,-1.5)(1.5,1.5) \psline(5,1.5)(6.5,1.5) \psline(5,-1.5)(6.5,-1.5) \psline(6,-1.5)(6.5,-1.5) \pscircle(6.5,0){0.25} \psline(6.25,0)(6.75,0) \psline(6.5,0.5)(6.5,-0.5) \end{pspicture} <br> <hr> <br> <br> \begin{pspicture}(-2,-2)(2,2) \psframe(-2,-2)(2,2) \userline[linewidth=1.5 pt]{->}(0,0)(2,2) \end{pspicture} <hr> </script> <script> LaTeX2HTML5.init(); </script> </body> </html> I got it from the page https://latex2js.com/examples/index.html and just changed the relative paths to absolute paths... But well, inside TiddlyWiki it doesn't work as a type HTML, does anyone know why? Does the HTML type of tiddlers work exactly as an HTML file? On Sunday, May 2, 2021 at 8:24:52 PM UTC-3 Anjar wrote: > Hi, > > I don't think there is any way to render a full latex document by > javascript (or is there? https://github.com/kisonecat/web2js); you may > have to actually run latex somehow, for example through php: > https://github.com/scarfboy/phplatex There is a js library for rendering > tikz that may be useful https://github.com/kisonecat/tikzjax > > If making charts is more important than using latex, you can have a look > at this short thread > <https://groups.google.com/g/tiddlywiki/c/arY9ORRp81I/m/QEuO0vTnAgAJ> > about Charts.css <https://chartscss.org/> (although pie charts are not > currently supported) > > Best, > Anders > > mandag 3. mai 2021 kl. 00:25:51 UTC+2 skrev muynars...@gmail.com: > >> I know that with the KaTex Plugin I can partially use LaTex syntax by >> adding $$ at the beginning of the phrase like: >> >> $$\displaystyle f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi >> x}\,d\xi$$ >> >> However, I'd like to put the entire LaTex syntax on my tiddlers like the >> following: >> >> ```latex >> % Pie chart >> % Author: Robert Vollmert >> \documentclass{article} >> >> \usepackage{calc} >> \usepackage{ifthen} >> \usepackage{tikz} >> \begin{document} >> \newcommand{\slice}[4]{ >> \pgfmathparse{0.5*#1+0.5*#2} >> \let\midangle\pgfmathresult >> >> % slice >> \draw[thick,fill=black!10] (0,0) -- (#1:1) arc (#1:#2:1) -- cycle; >> >> % outer label >> \node[label=\midangle:#4] at (\midangle:1) {}; >> >> % inner label >> \pgfmathparse{min((#2-#1-10)/110*(-0.3),0)} >> \let\temp\pgfmathresult >> \pgfmathparse{max(\temp,-0.5) + 0.8} >> \let\innerpos\pgfmathresult >> \node at (\midangle:\innerpos) {#3}; >> } >> >> \begin{tikzpicture}[scale=3] >> >> \newcounter{a} >> \newcounter{b} >> \foreach \p/\t in {20/type A, 4/type B, 11/type C, >> 49/type D, 16/other} >> { >> \setcounter{a}{\value{b}} >> \addtocounter{b}{\p} >> \slice{\thea/100*360} >> {\theb/100*360} >> {\p\%}{\t} >> } >> >> \end{tikzpicture} >> >> \end{document} >> ``` >> >> This is a pie chart made in LaTex language. Is there any way of making >> TiddlyWiki show the result of what I write like that? Just by using the >> same syntax that I use for choosing syntax? Or is there an alternative way >> to reach this same goal? >> > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/6fe49798-ae51-4a09-a877-a51358aead5cn%40googlegroups.com.
![https://latex2js.com/assets/images/share.jpg"](https://latex2js.com/assets/images/share.jpg"){kind=link}