首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >将交互式Jupyter Notebook导出为html

将交互式Jupyter Notebook导出为html
EN

Stack Overflow用户
提问于 2016-03-22 09:56:24
回答 1查看 7.5K关注 0票数 6

下面的代码绘制了一个交互式图形,我可以在其中打开/关闭特定的行。当我在Ipython Notebook中工作时,它工作得非常好

代码语言:javascript
运行
AI代码解释
复制
import pandas as pd
import numpy as np
from itertools import cycle
import matplotlib.pyplot as plt, mpld3
from matplotlib.widgets import CheckButtons
import matplotlib.patches
import seaborn as sns
%matplotlib nbagg
sns.set(style="whitegrid")
df = pd.DataFrame({'freq': {0: 0.01, 1: 0.02, 2: 0.029999999999999999, 3: 0.040000000000000001, 4: 0.050000000000000003, 5: 0.059999999999999998, 6: 0.070000000000000007, 7: 0.080000000000000002, 8: 0.089999999999999997, 9: 0.10000000000000001, 10: 0.01, 11: 0.02, 12: 0.029999999999999999, 13: 0.040000000000000001, 14: 0.050000000000000003, 15: 0.059999999999999998, 16: 0.070000000000000007, 17: 0.080000000000000002, 18: 0.089999999999999997, 19: 0.10000000000000001, 20: 0.01, 21: 0.02, 22: 0.029999999999999999, 23: 0.040000000000000001, 24: 0.050000000000000003, 25: 0.059999999999999998, 26: 0.070000000000000007, 27: 0.080000000000000002, 28: 0.089999999999999997, 29: 0.10000000000000001}, 'kit': {0: 'B', 1: 'B', 2: 'B', 3: 'B', 4: 'B', 5: 'B', 6: 'B', 7: 'B', 8: 'B', 9: 'B', 10: 'A', 11: 'A', 12: 'A', 13: 'A', 14: 'A', 15: 'A', 16: 'A', 17: 'A', 18: 'A', 19: 'A', 20: 'C', 21: 'C', 22: 'C', 23: 'C', 24: 'C', 25: 'C', 26: 'C', 27: 'C', 28: 'C', 29: 'C'}, 'SNS': {0: 91.198979591799997, 1: 90.263605442199989, 2: 88.818027210899999, 3: 85.671768707499993, 4: 76.23299319729999, 5: 61.0969387755, 6: 45.1530612245, 7: 36.267006802700003, 8: 33.0782312925, 9: 30.739795918400002, 10: 90.646258503400006, 11: 90.306122449, 12: 90.178571428600009, 13: 89.498299319699996, 14: 88.435374149599994, 15: 83.588435374200003, 16: 75.212585034, 17: 60.969387755100001, 18: 47.278911564600001, 19: 37.627551020399999, 20: 90.986394557800011, 21: 90.136054421799997, 22: 89.540816326499993, 23: 88.690476190499993, 24: 86.479591836799997, 25: 82.397959183699996, 26: 73.809523809499993, 27: 63.180272108800004, 28: 50.935374149700003, 29: 41.241496598699996}, 'FPR': {0: 1.0953616823100001, 1: 0.24489252678500001, 2: 0.15106142277199999, 3: 0.104478605177, 4: 0.089172822253300005, 5: 0.079856258734300009, 6: 0.065881413455800009, 7: 0.059892194050699996, 8: 0.059892194050699996, 9: 0.0578957875824, 10: 0.94097291541899997, 11: 0.208291741532, 12: 0.14773407865800001, 13: 0.107805949291, 14: 0.093165635189999998, 15: 0.082518134025399995, 16: 0.074532508152000007, 17: 0.065881413455800009, 18: 0.062554069341799995, 19: 0.061888600519100001, 20: 0.85313103081100006, 21: 0.18899314567100001, 22: 0.14107939043000001, 23: 0.110467824582, 24: 0.099820323417899995, 25: 0.085180009316599997, 26: 0.078525321088700001, 27: 0.073201570506399985, 28: 0.071870632860800004, 29: 0.0705396952153}})

tableau20 = ["#6C6C6C", "#92D050", "#FFC000"]
tableau20 = cycle(tableau20)

kits = ["A","B", "C"]
color = iter(["#6C6C6C", "#92D050", "#FFC000"])
fig = plt.figure(figsize=(12,8))
for kit in kits:
    colour = next(color)
    for i in df.groupby('kit'):
        grouped_df = pd.DataFrame(np.array(i[1]), columns = 
                      ['freq', 'SNS', 'FPR', 'kit'])
        if grouped_df.kit.tolist()[1] == kit:
            x = [float(value) for i, value in enumerate(grouped_df.FPR)]
            y = [float(value) for i, value in enumerate(grouped_df.SNS)]
            x, y = (list(x) for x in zip(*sorted(zip(x, y))))
            label = grouped_df['kit'].tolist()[1]
            p = plt.plot(x, y, "-o",label = label, color = colour)

labels = [label.get_text() for label in plt.legend().texts]
plt.legend().set_visible(False)
for i, value in enumerate(labels):
    exec('label%s="%s"'%(i, value))

for i in range(len(labels)):
    exec('l%s=fig.axes[0].lines[i]'%(i))

rax = plt.axes([0.92, 0.7, 0.2, 0.2], frameon=False)
check = CheckButtons(rax, (labels), ('True ' * len(labels)))
for i, rec in enumerate(check.rectangles):
     rec.set_facecolor(tableau20.next())

def func(label):
    for i in range(len(labels)):
        if label == eval('label%s'%(i)): eval('l%s.set_visible(not l%s.get_visible())'%(i,i))

    plt.draw()
check.on_clicked(func)

plt.show()

问题是,我需要将笔记本导出为html,以便与对python一无所知的同事分享。如何将笔记本导出为html并使其保持交互(切换)功能(当前已丢失)?谢谢!

EN

回答 1

Stack Overflow用户

发布于 2017-11-02 02:40:00

也许你不需要将jupyter notebook导出到html,但是将笔记本链接分享给其他人,他们就可以使用他们的浏览器访问url了。

jupyter notebook插件将帮助您更高效地完成此操作:jupyter/dashboards,它由jupyter官方团队维护,它可以帮助您像报告一样共享您的笔记本,并且您可以控制显示哪个单元格以及每个单元格的显示位置。值得一试!

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36151181

复制
相关文章
交互式笔记本 —— Jupyter Notebook
最近看了个视频,讲的什么先不细说,重点是他用的文档很高级,代码和文本,图片混排,代码可以直接执行。如下图:
崔哥
2022/05/24
4340
交互式笔记本 —— Jupyter Notebook
为jupyter_notebook增加目录
总第107篇 前言 jupyter_notebook是数据相关岗位从业者的一个不错的选择,很清晰、很方便,可以将分析过程和分析结果同步显示在一起。但是有的时候随着你的分析增多,你的代码就会变得很长,这个时候就需要目录这样的功能,来帮助你整理框架以及快速定位对应内容。jupyter_notebook提供了目录功能,可以更好地帮助你梳理框架以及快速定位。 图注:效果图 配置目录环境 第一步打开Anaconda Promt,因为我这里是使用的Anaconda,所以直接使用Anaconda Promt,如果不是使
张俊红
2018/06/11
8400
将Chrome设置为Jupyter_notebook的默认浏览器
我们知道jupyter_notebook是在浏览器中打开的,这里建议大家都使用Chrome浏览器打开,因为其他浏览器可能会出现一些不兼容的问题。如果你电脑上有Chrome浏览器,而且平常已经习惯了使用Chrome浏览器,那么你打开jupyter_notebook的时候直接选择Chrome打开就行。如果你平常也不怎么使用Chrome,电脑上也没有安装,先去安装一个Chrome浏览器。
张俊红
2019/05/05
17.9K0
将Chrome设置为Jupyter_notebook的默认浏览器
将Jupyter Notebook变成Web APP:Voila
基于python的jupyter notebook是数据科学常用的工具,不过也会有时候需要我们构建一些小工具自用,甚至让别人去使用,那么怎么最快的构建这样的应用,voila就提供了一种这种可能性。
段清华DEAN
2020/06/10
9910
Jupyter Notebook导出包含中文的pdf
Jupyter Notebook是很好的数据科学创作环境。Jupyter提供导出的格式有 .py、.html、.md、.pdf等。目前用其导出包含中文的pdf会遇到很多坑,网上也有一些解决方案,大致分为两种方式,一是安装 pandoc并不断根据报错提示安装sty文件,不是很有效,另一种是安装MiKTeX并改LaTeX文件。本文主要讲第二种方式。
蛰虫始航
2019/09/28
2.4K0
将Jupyter Notebook变成Web APP:Voila
基于python的jupyter notebook是数据科学常用的工具,不过也会有时候需要我们构建一些小工具自用,甚至让别人去使用,那么怎么最快的构建这样的应用,voila就提供了一种这种可能性。
段清华DEAN
2020/04/10
2.8K0
将Jupyter Notebook变成Web APP:Voila
怎么将swagger API导出为HTML或者PDF
现在有很多项目都是使用的swagger,将API直接写在swagger文档中,使用起来非常方便,并且支持在线调试。但是它不方便对外提供,这里我们找到了一种方法,可以方便的将swagger API导出为HTML或者PDF。
程序那些事
2020/07/08
4.4K0
Jupyter Notebook如何导出包含中文的 PDF?
Jupyter Notebook是很好的数据科学创作环境。Jupyter提供导出的格式有 .py、.html、.md、.pdf等。目前用其导出包含中文的pdf会遇到很多坑,网上也有一些解决方案,大致分为两种方式,一是安装 pandoc并不断根据报错提示安装sty文件,不是很有效,另一种是安装MiKTeX并改LaTeX文件。本文主要讲第二种方式。
张俊红
2019/09/28
4.7K0
Jupyter Notebook
Jupyter Notebook是基于网页的用于交互计算的应用程序。其可被应用于全过程计算:开发、文档编写、运行代码和展示结果。——Jupyter Notebook官方介绍
DrugScience
2021/02/04
9520
Jupyter Notebook
 Jupyter Notebook(此前被称为 IPython notebook)是一个交互式笔记本,支持运行 40 多种编程语言。在本文中,我们将介绍 Jupyter notebook 的主要特性,以及为什么对于希望编写漂亮的交互式文档的人来说是一个强大工具。 在开始使用 notebook 之前,我们先在cmd中使用pip安装该库 pip install jupyter 安装好之后运行命令 jupyter notebook 你会看到: [I 08:34:12.265 NotebookApp] Writi
拾点阳光
2018/07/05
1.7K0
Jupyter Notebook
 Jupyter Notebook(此前被称为 IPython notebook)是一个交互式笔记本,支持运行 40 多种编程语言。在本文中,我们将介绍 Jupyter notebook 的主要特性,以及为什么对于希望编写漂亮的交互式文档的人来说是一个强大工具。 在开始使用 notebook 之前,我们先在cmd中使用pip安装该库 pip install jupyter 安装好之后运行命令 jupyter notebook 你会看到: [I 08:34:12.265 NotebookApp] Writi
拾点阳光
2018/05/11
1.7K0
HTML导出为PDF
官网:https://wkhtmltopdf.org/downloads.html
码客说
2022/10/27
1.8K0
4步为Jupyter Notebook添加Conda环境
打开你的Jupyter Notebook,查看界面是否已经可以选择firstEnv作为新的环境。
王诗翔呀
2022/03/30
1.5K0
4步为Jupyter Notebook添加Conda环境
探索如何将html和svg导出为图片
笔者开源了一个Web思维导图,在做导出为图片的功能时走了挺多弯路,所以通过本文来记录一下。
街角小林
2023/09/11
9170
探索如何将html和svg导出为图片
IE下用JavaScript将HTML导出为Word、Pdf
高爽
2017/12/28
1.9K0
IE下用JavaScript将HTML导出为Word、Pdf
CSharp for Jupyter Notebook
之前说有机会就说下Linux下如何搭建C#版的交互编程,今天写篇文章还债^_^ Win下比较简单,可以自己看官方文档https://github.com/zabirauf/icsharp/wiki/Installation下面逆天带搭建搭建下Linux下的环境(官方方法有问题)
逸鹏
2018/06/19
1.7K0
CSharp for Jupyter Notebook
Jupyter Notebook入门
Jupyter Notebook是一种交互式计算环境,能够让用户在浏览器中编写和执行代码,并与代码的运行结果、文本、图像、视频等进行交互。它的灵活性、易用性和可视化效果使它成为各种数据分析、机器学习和科学计算任务的首选工具。本文将介绍Jupyter Notebook的基本概念、使用方法以及一些常用技巧。
大盘鸡拌面
2023/10/26
5890
Jupyter Notebook(下篇)
Jupyter Notebook是一个基于Web的交互式工具,数据科学领域正在频繁的使用它。
MeteoAI
2019/07/22
1.6K0
点击加载更多

相似问题

Jupyter notebook :如何将notebook导出为HTML,包括拆分单元扩展?

123

将交互式jupyter/ipython3会话导出到Jupyter notebook

11

将jupyter notebook cell的内容导出为图像

224

将Jupyter Notebook导出为PDF或HTML格式会生成所有HTML纯文本

22

如何将交互式Jupyter notebook与nbconvert转换为html

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文