如何使用 ipywidgets 在 HTML 中显示切换按钮的输出？

Question

使用 jupyter 笔记本，切换按钮的输出工作顺利。但是，当我将其保存为 html 时。 HTML 无法显示切换按钮的输出

下图是html格式，切换按钮无法显示输出。但在 jupyter 中它工作正常。

我正在使用此代码。

import numpy as np
import pandas as pd
import matplotlib.pyplot as plt
import seaborn as sns
import ipywidgets as widgets
from IPython.display import display, Markdown, clear_output, HTML
from IPython.display import display
from ipywidgets.embed import embed_minimal_html

data=[[47,15,3,5,7],[33,13,4,7,2],[25,17,9,3,5]]
df = pd.DataFrame(data, columns=['VAR_A','VAR_B','VAR_C','VAR_D','VAR_E'])

toggle = widgets.ToggleButtons(options = df.columns, description = 'Variables:', button_style = '')
out = widgets.Output()

def toggle_plot(button):
    with out:
        if button['new']:
            out.clear_output()
            plt.ioff()
            ax=plt.gca()
            sns.barplot(x=toggle.value, data=df)
            display(ax.figure)
            plt.clf() 
        else:
            out.clear_output()

toggle.observe(toggle_plot, 'value')
display(toggle)
display(out)

embed_minimal_html('try.html', views=[toggle], title='try')

我也尝试在jupyter notebook中使用这两个函数保存，但是保存为空html。

!jupyter nbconvert --to html --no-input try.ipynb

!jupyter nbconvert --to html --no-input --template basic --output try.html try.ipynb

我仍在探索使用这些小部件，但我被困在了这里。

Answer 1

正如 jasongrout here 所解释的那样，您尝试执行的操作是不可能的，因为小部件需要内核才能执行。

不过你可以看看https://www.nbinteract.com/，这可能是你想要的。

如何使用 ipywidgets 在 HTML 中显示切换按钮的输出？

How to show output of toogle button in HMTL using ipywidgets?

python

html

jupyter-notebook

ipywidgets

我也尝试在jupyter notebook中使用这两个函数保存，但是保存为空html。