qgrid - plotly conflict

[djchou]

I'm using plotly offline in a jupyter notebook. I'm coming across an error that i can't seem to debug.

Here is my code:

import qgrid
import Quandl
import plotly
from plotly.offline import download_plotlyjs, init_notebook_mode, iplot

aapl = Quandl.get('yahoo/aapl')
qgrid.nbinstall(overwrite=True)

works ok

qgrid.show_grid(aapl)

init_notebook_mode()

no longer works ok

qgrid.show_grid(aapl)

The error message is
"
Javascript error adding output!
TypeError: Cannot read property 's' of undefined
See your browser Javascript console for more details.
"

[akansal1]

I am getting javascript type error : require not a function, for custom widget, on import and initialization of plotly in offline mode

[akansal1]

I do not understand JS but I think following lines of code in offline.py causing errors:

display(HTML('<script type="text/javascript">' +
             # ipython's includes `require` as a global, which
             # conflicts with plotly.js. so, unrequire it.
             'require=requirejs=define=undefined;' +
             '</script>' +
             '<script type="text/javascript">' +
             get_plotlyjs() +
             '</script>'))

[aggFTW]

I saw this too, same error. Ideas?

@djchou what are you trying to do with both qgrid and plotly?

[djchou]

One displays tables well, the other displays graphs well. It makes sense to have both in the same notebook

[etpinard]

See plotly/plotly.js#90 for more info.

[aggFTW]

Agreed @djchou. I was just wondering if you were building a UI/library that used both or just your own personal notebook :)

We are building a visualization widget for Ipython at https://github.com/jupyter-incubator/sparkmagic/tree/master/remotespark/datawidgets in case you want to take a look!

The intention is to decouple it from the sparkmagic project and put the widget into its own repo 👍

[etpinard]

This issue would be perfect for a community contributor.

In this block, we need to remove the require=requirejs=define=undefined; hack and import plotly.js using the Require.js require as done in this plotly-notebook-js block.