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)