Plotly notebook mode with google colaboratory

Question

I am am trying out colaboratory with plotly notebook mode - I open a new notebook, copy and paste the following simple example from plotly's documentation, but don't see an output. There is a large blank in the output space where the plot whould normally be.

This works fine in my local notebook (which is a newer version of plotly, but per their docs offline mode should work with the google colab version) Any ideas?

import plotly from plotly.graph_objs import Scatter, Layout  plotly.offline.init_notebook_mode(connected=True)  plotly.offline.iplot({     "data": [Scatter(x=[1, 2, 3, 4], y=[4, 3, 2, 1])],     "layout": Layout(title="hello world") }) 

Answer 1

plotly version 4.x

As of version 4, plotly renderers know about Colab, so the following is sufficient to display a figure in both Colab and Jupyter (and other notebooks like Kaggle, Azure, nteract):

import plotly.graph_objects as go fig = go.Figure( go.Scatter(x=[1,2,3], y=[1,3,2] ) ) fig.show() 

plotly version 3.x

Here's an example showing the use of Plotly in Colab. (Plotly requires custom initialization.)

https://colab.research.google.com/notebook#fileId=14oudHx5e5r7hm1QcbZ24FVHXgVPD0k8f

You need to define this function:

def configure_plotly_browser_state():   import IPython   display(IPython.core.display.HTML('''         <script src="/static/components/requirejs/require.js"></script>         <script>           requirejs.config({             paths: {               base: '/static/base',               plotly: 'https://cdn.plot.ly/plotly-latest.min.js?noext',             },           });         </script>         ''')) 

And call it in each offline plotting cell:

configure_plotly_browser_state()