在Google Colab笔记本中启动Dash应用

苹果电脑 :

如何从Google Colab(https://colab.research.google.com启动Dash应用(http://dash.plot.ly)?

猴:

据我所知,目前尚无直接方法可以做到这一点。

在下面找到类似于设置Tensorboard的解决方法(https://www.dlology.com/blog/quick-guide-to-run-tensorboard-in-google-colab/)。

从设置此替代方法所需的所有内容的代码单元开始:

# How to run a Dash app in Google Colab

## Requirements

### Install ngrok
!wget https://bin.equinox.io/c/4VmDzA7iaHb/ngrok-stable-linux-amd64.zip
!unzip ngrok-stable-linux-amd64.zip

### Run ngrok to tunnel Dash app port 8050 to the outside world. 
### This command runs in the background.
get_ipython().system_raw('./ngrok http 8050 &')

### Get the public URL where you can access the Dash app. Copy this URL.
! curl -s http://localhost:4040/api/tunnels | python3 -c \
    "import sys, json; print(json.load(sys.stdin)['tunnels'][0]['public_url'])"

### Install Dash
!pip install dash==0.31.1  # The core dash backend
!pip install dash-html-components==0.13.2  # HTML components
!pip install dash-core-components==0.39.0  # Supercharged components
!pip install dash-table==3.1.7  # Interactive DataTable component (new!)

使用Dash应用程序添加另一个代码单元:

## Dash app (https://dash.plot.ly/getting-started)

### Save file with Dash app on the Google Colab machine
%%writefile my_app1.py
import dash
import dash_core_components as dcc
import dash_html_components as html

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

app = dash.Dash(__name__, external_stylesheets=external_stylesheets)

app.layout = html.Div(children=[
    html.H1(children='Hello Dash'),

    html.Div(children='''
        Dash: A web application framework for Python.
    '''),

    dcc.Graph(
        id='example-graph',
        figure={
            'data': [
                {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': 'SF'},
                {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': u'Montréal'},
            ],
            'layout': {
                'title': 'Dash Data Visualization'
            }
        }
    )
])

if __name__ == '__main__':
    app.run_server(debug=True)

然后,在最后一个代码单元中,您可以启动Dash应用程序(此单元将很忙,直到您停止执行并因此停止Dash应用程序为止)。

### Run Dash app
!python my_app1.py

要访问Dash应用,请复制上面ngrok.io-URL并将其粘贴到新的浏览器标签中(NOT 127.0.0.1:8050),然后等待几秒钟。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何从Google Colab笔记本的“ .py”文件中运行Python脚本?

是否可以在Google Colab的笔记本中进行自动完成?

Google colab笔记本上的Corgi模式是什么?

在Google的Colab笔记本中,如何从Python文件中调用函数?

如何在Google Colab上关闭和停止Jupyter笔记本

如何使用键盘快捷键在Google colab笔记本中转换单元格类型

Google Colab:打开Python笔记本时API错误?

如何在Google Colab中将helper.py上传到Tensorflow 2.0笔记本

我可以将Google Colab笔记本复制或上传到AWS Sagemaker实例吗?

通过Google Cloud并行运行多个Colab笔记本?

如何直接从自己的云端硬盘将.txt(或其他文件类型)导入Google Colab笔记本中?

如何从Colab笔记本中提取Google Cloud Storage存储桶中的tar.gz文件?

在colab笔记本中的Google驱动器中定义文件的路径

使用Colab笔记本获取Google驱动器中文件的共享链接

如何在Google Colab中将Jupyter笔记本的功能导入另一个Jupyter笔记本

Google Colab中jupyter笔记本的所有单元格输出消失

为什么Google Colab引发在csv和jupyter笔记本中无法读取的错误?

我的Google Colab笔记本未使用我的2TB Google云端硬盘空间

使用R内核将私人数据导入Google Colab笔记本

将Google Colab笔记本转换为PDF / HTML?

如何在Google Colab笔记本中通过gmplot绘制命令查看html输出文件?

在Python中嵌入Matplotlib动画(Google Colab笔记本)

在Google Colab研究笔记本中读取Shell脚本结果

如何从Google Colab笔记本的单元格中删除表格?

无法使用Google Colab创建/上传或打开笔记本

Google云端硬盘无法将.ipynb文件识别为colab笔记本

如何使用有限权限共享Google Colab笔记本

在Google Colab笔记本中从Cython代码调用Python函数

如何在Google Cloud Datalab的另一个笔记本中执行python笔记本

TOP 榜单

  1. 1

    来自Microsoft Office加载项taskpane.js的MySQL驱动程序模块的空引用

  2. 2

    使用AWS Cognito和React的仅限Facebook / Google的登录名(无用户名/密码)

  3. 3

    创建Windows Phone 8应用并将其连接到数据库的最佳方法(最好是SQL Server)

  4. 4

    为什么Java中的System.out.println()打印到控制台?

  5. 5

    卷曲函数无法解析来自bash中变量的代理

  6. 6

    是什么在Android的consumer-rules.pro和proguard-rules.pro之间的区别?

  7. 7

    设置与Apache POI Excel表散点图标记图标的颜色

  8. 8

    将Qt Pyside2与asyncio await语法一起使用?

  9. 9

    崇高的文字+蟒蛇的蟒蛇

  10. 10

    任务':app:minifyReleaseWithR8'.java.lang.NullPointerException的执行失败(无错误消息)

  11. 11

    OpenJDK的和AdoptOpenJDK的区别

  12. 12

    大型数据集缓存到Spark内存中时,“超出了GC开销限制”(通过sparklyr和RStudio)

  13. 13

    “执行测试CMAKE_HAVE_LIBC_PTHREAD”失败实际上是什么意思?

  14. 14

    使用Core 2.2中的Identity,如何在关闭浏览器15分钟后保持会话活动?

  15. 15

    React中的ForwardRefExoticComponent和ForwardRefRenderFunction有什么区别?

  16. 16

    猫鼬查找结果,然后将字段替换为findOne

  17. 17

    如何降级Google Colab的Torch版本

  18. 18

    Keras提前停止回调错误,val_loss指标不可用

  19. 19

    如何避免VSCode中的“导入路径不能以.ts扩展名结尾”错误?

  20. 20

    Nuxt.JS:如何在页面中获取路由URL参数

  21. 21

    是否有为什么会AccessibilityManager.sInstance导致内存泄漏的一个原因?

热门标签

归档