70

Is there an online tool that generates the corresponding LaTeX code of a diagram which can be drawn using a graphical interface? A tool such as latexdraw but only using a web browser (like Detexify)?

  • 1
    @JLDiaz Dead link – Karlo Jul 19 '17 at 14:38
  • 1
    @Karlo Thanks for the heads up. Apparently github.com/kjellmf/svg2tikz is the new way of doing that. – JLDiaz Jul 19 '17 at 16:00
  • 1
    github.com/kjellmf/svg2tikz seems no longer under active support now. – Yu Shen May 21 '19 at 19:11
68

A wonderful option is mathcha: www.mathcha.io

enter image description here

just open the editor, you log in and you make your drawings and equations.

this online program will create different export formats, including Tikz, which is compatible with Latex.

| improve this answer | |
  • Played a bit with it. It seems really solid. Some improvements could still be made (for instance I see no export to PDF/SVG option, and text editing does not respect some keyboard shortcuts), but if it doesn't die I see myself using it in the near future. – levesque May 18 '18 at 15:03
  • Alright, found the PDF/export functions. Never mind that complaint! – levesque May 18 '18 at 15:11
  • 1
    Where is the PDF export function? I couldn't locate it anywhere. Besides, I can't export the TikZ code (it exports nothing except some opening and closing tags). – Jim Raynor Jun 13 '18 at 22:23
  • 2
    It was a nasty surprise, after spending quite some time creating a drawing, that most of the code exported consisted of remarks saying such code cannot be exported. – Martin Argerami Jun 6 at 21:29
23

The GeoGebra online tool, which can also be installed and run locally, comes to mind. It let's you do geometric drawings: define points, intersections, ellipses given the two foci and a point, etc... It will generate TikZ code for you.

For example, create an ellipse within your browser geogebra online

This can be exported to TikZ (will generate a standalone document), which renders to geogebra tikz

| improve this answer | |
  • 11
    Note that tikz code exported by GeoGebra is not of highest quality... – mbork Dec 10 '12 at 8:14
  • 1
    GeoGebra doesn't make any sense. I tried using it and it keeps producing lines even if when I choose circle. – DrB Oct 5 '17 at 4:40
  • The downside seems to be the standalone export. I don't see any option to directly embed the generated TikZ into my own document. – Makan Tayebi Aug 16 '18 at 10:47
  • @MakanTayebi You can easily integrate the file into your own document, see i.e. here. – Ramanujan Apr 7 '19 at 19:38
10

If you're looking for a tool to draw commutative diagrams with tikzcd, there's Yichuan Shen's tikzcd-editor.

| improve this answer | |
7

TikzEdt is a combined WYSIWYG/text editor designed for editing Tikz code. http://www.tikzedt.org/

| improve this answer | |
  • 6
    It is a nice tool, but it definitely misses the "Online" part OP asked for. – Clément Oct 5 '17 at 4:44
  • Is there an advantage over the WYSIWYG/text editor overleaf? – Ramanujan Apr 7 '19 at 19:40
3

Another possibility is to use this online tool called FreeTikZ based on freetikz.sty. This is the link to run it:

http://homepages.inf.ed.ac.uk/cheunen/freetikz/freetikz.html

Replacing the package with tikz, however, it is possible to observe that the result is not optimal or exact like the figure below.

enter image description here

In fact, we have:

enter image description here

\documentclass{article}
\usepackage{tikz}
\begin{document}
\begin{tikzpicture}
  \draw (2, 6) to[out=90, in=135] (5, 6);
  \draw (2, 6.5) to[out=0, in=180] (5.5, 6.5);
\end{tikzpicture}
\end{document}

For further explanations or informations there is also a link to help the users to use this tool: https://golem.ph.utexas.edu/category/2018/01/freetikz.html

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.