在网页中制作图表

Question

我正在制作一个包含大量数学知识的网页。它目前使用MathJax来生成方程式，但我也需要生成图表，就像这样：

​

​

我可以在某种外部编辑器(如LaTeX )中生成图像，然后将它们插入到页面中，但这样做有缺点：

1)管理大量镜像文件。2)不是最大可访问性。例如，如果信息是由某种Tikz代码生成的，那么人们也许能够从页面中包含的代码中搜索或获取某种信息。仅仅通过嵌入图像，除了眼球之外，它就不再是可搜索或可读的了。

我可以在一个canvas元素中生成这个代码，但这样做有缺点：

1)制作图表很耗时，我将制作大量图表。2)降低移动连接用户的渲染速度。

如果这些是我的选择，那么我可能只会在一个canvas元素中这样做。但是，有没有我没有考虑的选择，它们的缺点可能会更少？

Answer 1

latex.js也是一个很好的选择，它是100%的JS。https://latex.js.org/playground.html