包含D3，md和方程式的离线报告

Question

是否可以创建一个包含嵌入的D3js图表，CommonMark文本和方程式（例如Katex或MathJax）的单个html页面，并将其全部呈现为浏览器离线？

必须具备：

• 使用 下载了最少数量的JavaScript库。
• 不需要安装除Web浏览器之外的任何内容。因此没有本地http服务器，Pandoc，R，Python等。

应具有：

• 可以将所有内容写入单个html文件，该文件可在常规的现代浏览器中打开。
• 良好的存档属性，维护需求最少。

动机：

我们在高度安全的封闭IT环境中工作，无法安装东西，但是我们确实有不错的网络浏览器，并且可以在其中运行JavaScript。

我们通常在内部共享小型分析报告，并正在尝试提供包含

的目录

• 一个html文件（带有嵌入的JSON数据），和
• 下载了D3和Underscore库

所有内部客户要做的就是单击index.html。到目前为止，这非常成功，但是我们也想使用markdown和方程式。

我们隐约意识到Jupyter和Observable之类的数据科学工作簿解决方案，但不确定它们是否符合我们的标准。

说明

我知道我们可以下载库并将其放置在index.html旁边的目录中，但是我不确定是否存在可以渲染markdown和方程式并将结果直接写入DOM的JavaScript库。即使存在这样的库，降价记录也会写在index.html中的什么地方？是否有某种html标签可以仅隐藏将由JS解析的大量原始文本？

Answer 1

有可能回答您的问题。您将需要可以呈现静态HTML页面的Node应用程序，也可以使用带有嵌入式Javascript的简单HTML页面。由于所有这些库都可作为UDM软件包提供，因此我建议使用第二种选择。

CommonMark CDN：https://cdnjs.com/libraries/commonmark
KaTeX CDN：https://khan.github.io/KaTeX/docs/browser.html

您只需要下载这些库并将它们包括在页面中。 KaTeX包含JS，可将简单文本转换为呈现的数学方程式，您只需要给其文本和元素即可在其中呈现方程式：https://khan.github.io/KaTeX/docs/api.html。 CommonMark与之类似，但它仅提供渲染的HTML，您需要自己插入element.innerHTML：https://www.npmjs.com/package/commonmark。