如何在GitHub的Jupyter Notebook中显示SVG图像

Question

我想分享一个Jupyter笔记本的链接，其中展示了一些计算并在SVG文件中显示其输出结果（最好只使用标准库）。在这种情况下，使用诸如matplotlib之类的绘图库并不实际，因为图像没有图表的结构（我尝试过，并发现编写一个针对我需要显示的输出类型的小型绘图库最实用）。

我首选用于显示笔记本的平台是GitHub，因为我想将笔记本用作我的计算引擎的演示。我可以使用以下命令在本地笔记本中显示SVG文件：

from IPython.core.display import SVG
SVG(filename='test.svg')

然而，如果我将笔记本上传到github，图像将不会被渲染，输出看起来像这样：

Out[1]: SVG Image

我的当前解决方法是在我的私人网站上显示以HTML方式呈现的笔记本。然而，能够直接在github上显示带有渲染图像的笔记本将更好。

- Chris_77

Answer 1

你可以使用我称为ipyplot的小包来实现你想要的东西。 点击这里 查看详情。

import ipyplot

ipyplot.plot_images(
    ['Freesample.svg'], # images should be passed in as an array
    img_width=250,
    force_b64=True # this is important to be able to render the image correctly on GitHub
)

force_b64标志将确保图像被转换为base64字符串，以便在GitHub上正确呈现。唯一的限制是，如果您在单个笔记本中有太多图像-GitHub渲染器将崩溃...

输出：

- Karol Żak