将来自 %matplotlib 笔记本后端的输出作为 SVG 包含在 ipynb 中

Question

This 几年前的回答展示了如何让 jupyter notebook 将图形创建为 svg。解决方案是告诉 InlineBackend 使用svg 作为输出。

import matplotlib.pyplot as plt
%matplotlib inline
%config InlineBackend.figure_format = 'svg'
plt.plot(...)

这将导致笔记本内以及生成的 ipynb 文件中的所有图像都是 svg 格式；该文件将有一行像

"data": {  "image/svg+xml": [  "<?xml  .....

在里面。

现在的问题是，如果使用%matplotlib notebook 后端，这将不起作用。 %config InlineBackend 不会更改笔记本后端的任何内容，因此输出文件包含 PNG 图像

"data": { "text/html": [  "<img src=\"data:image/png;base64,iVBORw0....

所以问题是：如何让 ipynb 文件包含使用 %matplotlib notebook 后端创建的静态版本的绘图作为 SVG 图像？

一个月前@mark jay 有一条小评论，他想做我现在想做的事，但没有回答或暗示该评论。

在我的代码中，我直接从数据框中绘制：

%matplotlib notebook
import pandas as pd
df = pd.read_sql(sql1, connection)
...
...
df.plot(subplots=True, kind='bar')

无需导入matplotlib.pyplot 即可完美运行，但也不能强制将图形创建为 svg。我想如果基本情况可行，我可以修改绘图代码，使其不涉及熊猫或数据框。

Answer 1

据我了解 matplotlib 后端，nbagg（使用%matplotlib notebook 调用）使用无法渲染矢量图形的 Agg（反粒度几何）渲染。不幸的是，这是为 Jupyter 使用 interactive 内联后端的唯一开箱即用方式。

文档链接https://matplotlib.org/faq/usage_faq.html#what-is-interactive-mode
类似答案How to make matplotlibs nbagg backend generate SVGs?

如果您不需要交互性，请继续使用

import pandas as pd
from IPython.display import SVG, display
from numpy import ndarray

def svg_add(chart, size=(4,4), dpi=100):
    """Takes a chart, optional tuple of ints for size, int for dpi
    default is 4 by 4 inches with 100 dpi"""

    if type(chart) == ndarray:
        fig = chart[0].get_figure()
        fig.set_size_inches(size)
        fig.savefig("mybar.svg", dpi=dpi)
        display(SVG(filename='mybar.svg'))
    else:
        fig = chart.get_figure()
        fig.set_size_inches(size)
        fig.savefig("mybar.svg", dpi=dpi)
        display(SVG(filename='mybar.svg'))

然后

df = pd.DataFrame([[2,5]],columns=['a','b'])
bar_chart = df.plot(subplots=False, kind='bar')
svg_add(chart=bar_chart,size=(3,3),dpi=100)
#or
#svg_add(bar_chart,(3,3),100)

Answer 2

因为显然即使在赏金期之后也没有人能够提供解决方案，所以可能有以下解决方法。

1. 使用%matplotlib notebook 创建您的笔记本。对结果感到满意后，保存它。

2. 使用它的副本并将%matplotlib notebook替换为

   %matplotlib inline
   %config InlineBackend.figure_format = 'svg'
   

   重新运行完整的笔记本。保存结果。

3. 在文本编辑器中打开生成的 ipynb 文件，并将前两行再次替换为 %matplotlib notebook。

最终结果将是一个带有 svg 图像的 ipynb。但是一旦打开并运行，它将使用笔记本后端进行图形创建。