Here's a somewhat more complicated way, but the results look pretty good.

You will need to install:

- [pdflatex](https://www.tug.org/texlive/)
- [pdf2svg](https://github.com/dawbarton/pdf2svg)
- [rsvg-convert](https://github.com/GNOME/librsvg)
- [sed](https://www.gnu.org/software/sed/manual/sed.html)

First, there's a website for making commutative diagrams with TikZ: https://tikzcd.yichuanshen.de/

![Screen shot](https://i.imgur.com/OQCyb1D.png)

After you are done making your diagram, click the link icon, which will copy the \\(\LaTeX\\) for the diagram to the clipboard.

Then, insert the code that was copied into this template:


\documentclass{standalone}
\usepackage{tikz}
\usetikzlibrary{cd}
\begin{document}

% Paste your copied diagram here!

\end{document}


Save the file to `commutative_diagram.tex`. Then type at the command line:


# pdflatex commutative_diagram.tex


Next convert the resulting `pdf` into an `svg`:


# pdf2svg commutative_diagram.pdf commutative_diagram.svg


The result has some obnoxious white blocks, so we'll want to filter those out. Type:


# sed -i.bak -e s/fill:rgb\(100\%,100\%,100\%\)\;fill-opacity:1/fill-opacity:0/ \
commutative_diagram.svg


Finally, the result is a little small. To resize the svg, type:


rsvg-convert -a -w 500 -f svg commutative_diagram.svg -o enlarged_diagram.svg


To make a smaller diagram use a number less than `500`.

Finally, you can share SVG image files with [svgur.com](http://svgur.com/). Here is the result of this little tutorial:

![Product Diagram](https://svgshare.com/i/6qX.svg)