• $Devel::IPerl::VERSION 0.009
• $Devel::IPerl::Plugin::Chart::Plotly::VERSION 0.02
• Jupyter 4.3.0 (Jupyterhub)

Occasionally the behaviour below presents. Once a notebook is affected it appears to remain no matter shutdown, restarting etc... Copy paste to another notebook results in expected behaviour. Is there some ways to debug this?

Code

# In notebook
IPerl->load_plugin('Chart::Plotly');
# Trace objects get displayed automatically
use Chart::Plotly::Trace::Scatter;
my $scatter_trace = Chart::Plotly::Trace::Scatter->new( x => [ 1 .. 5 ], y => [ 1 .. 5 ] );

Actual behaviour

Javascript error adding output!
TypeError: Plotly.plot is not a function. (In 'Plotly.plot(document.getElementById('8c038704-12cc-11e8-957c-a91b0801ed74'),[{"x":[1,2,3,4,5],"type":"scatter","y":[1,2,3,4,5]}] )', 'Plotly.plot' is undefined)
See your browser Javascript console for more details.

JS Console shows

TypeError: Plotly.plot is not a function. (In 'Plotly.plot(document.getElementById('8c038704-12cc-11e8-957c-a91b0801ed74'),[{"x":[1,2,3,4,5],"type":"scatter","y":[1,2,3,4,5]}] )', 'Plotly.plot' is undefined)

_safe_append() in outputarea.js:443

Expected behaviour

A plotly chart.

Trying to display the example notebook in nbviewer charts doesn't show.

There is a problem loading plotly.js via require. The javascript console says:

Error: Mismatched anonymous define() module: function (){var t;return function t(e,r,n){function i(o,s){if(!r[o]){if(!e[o]){var l="function"==typeof require&&require;if(!s&&l)return l(o,!0);if(a)return a(o,!0);var u=new Error("Cannot find module '"+o+"'");throw u.code="MODULE_NOT_FOUND",u}var c=r[o]={exports:{}};e[o][0].call(c.exports,function(t){var r=e[o][1][t];return i(r?r:t)},c,c.exports,t,e,r,n)}return r[o].exports}for(var a="function"==typeof require&&require,o=0;o<n.length;o++)i(n[o]);return i}({1:[function(t,e,r){"use strict";var n=t("../src/lib"),i={"X,X div":"font-family:'Open Sans', verdana, arial, sans-serif;margin:0;padding:0;","X input,X button":"font-family:'Open Sans', verdana, arial, sans-serif;","X input:focus,X button:focus":"outline:none;","X a":"text-decoration:none;","X a:hover":"text-decoration:none;","X .crisp":"shape-rendering:crispEdges;","X .user-select-none":"-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:

It seems like nbviewer is loading javascript libraries only from local

Add an example just like: https://github.com/EntropyOrg/p5-Devel-IPerl/blob/master/example/20150209_IPerl_display_demo.pod

And also the link to nbviewer

Right now a Chart::Plotly::Plot is the only object that gets automatically displayed.

Sometimes all you need is a Trace object

I installed from CPAN, and hit this:-

IPerl->load_plugin('Chart::Plotly');
Can't locate object method "register" via package "Devel::IPerl::Plugin::Chart::Plotly" at /usr/local/share/perl5/IPerl.pm line 36.

As best I can tell - my setup is OK?

use Chart::Plotly::Trace::Scatter;
my $scatter_trace = Chart::Plotly::Trace::Scatter->new( x => [ 1 .. 5 ], y => [ 1 .. 5 ] );
Chart::Plotly::Trace::Scatter=HASH(0x4114428)

This appears to be a bug either in the code, or in the documentation that didn't tell me something I probably needed to do :-)

I sometimes get this error in my browser.

Uncaught Error: Load timeout for modules: plotly
http://requirejs.org/docs/errors.html#timeout

I guess it's about this https://metacpan.org/release/Devel-IPerl-Plugin-Chart-Plotly/source/lib/Devel/IPerl/Plugin/Chart/Plotly.pm#L20, but not sure what the problem is. Running Chart::Plotly without Jupyter Notebook is all good.

Many Python Jupyter Notebook extensions are in a "nbextension" form, and you can run jupyter nbextensions install/enable ... to install it, and if there are js files they will be installed into ~/.local/share/jupyter/nbextensions/$extension/ and be hosted by the Jupyter Notebook service. I wonder if we can do similar thing for this plugin...

I just remember that Python plotly package can be used in offline mode in Jupyter Notebook: https://plot.ly/python/offline So we probably can see how that's implemented and we might take the same approach as recent Chart::Plotly has been shipping plotly.js.min.