Rendering plotly offline

[TaiPhamD]

When I generate html output from a .qmd or .ipynb with plotly graphs. The generated html files depend on using Plotly JavaScript from Plotlys CDN. In an environment without internet access will prevent us from loading the graphs. Is there an easy way to tell quarto to embed plotlys JavaScript as a static asset ?

[cscheid]

Unfortunately not, and we can't control it (the Plotly jupyter notebook output loads content dynamically)

[TaiPhamD]

Here is the chrome inspect of the difference between juptyter direct publish to RSConnect vs quarto:

Jupyter work bench direct publishing to RSConnect

(It embedded the whole plotly javascript I deleted the middle to keep it short)

<script type="text/javascript">
        window.PlotlyConfig = {MathJaxConfig: 'local'};
        if (window.MathJax && window.MathJax.Hub && window.MathJax.Hub.Config) {window.MathJax.Hub.Config({SVG: {font: "STIX-Web"}});}
        if (typeof require !== 'undefined') {
        require.undef("plotly");
        define('plotly', function(require, exports, module) {
            /**
* plotly.js v2.18.2
* Copyright 2012-2023, Plotly, Inc.
* All rights reserved.
* Licensed under the MIT license
*/
/*! For license information please see plotly.min.js.LICENSE.txt */
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.Plotly=e():t.Plotly=e()}(self,(function(){return function(){var t={98847:function(t,e,r){"use strict";var n=r(71828),i={"X,X div":'direction:ltr;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:none;","X svg":"overflow:hidden;","X svg a":"fill:#447adb;","X svg a:hover":"fill:#3c6dc5;","X .main-svg":"position:absolute;top:0;left:0;pointer-events:none;","X .main-svg .draglayer":"pointer-events:all;","X .cursor-default":"cursor:default;","X .cursor-pointer":"cursor:pointer;","X .cursor-crosshair":"cursor:crosshair;","X .cursor-move":"cursor:move;","X .cursor-col-resize":"cursor:col-resize;","X .cursor-row-resize":"cursor:row-resize;","X …
 
[DELETED JAVASCRIPT CODE TO KEEP IT SHORT]
window}}(),r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r(27909)}()}));
        });
        require(['plotly'], function(Plotly) {
            window._Plotly = Plotly;
        });
        }
</script>

Quarto render to RSConnect

<script type="text/javascript">
        window.PlotlyConfig = {MathJaxConfig: 'local'};
        if (window.MathJax && window.MathJax.Hub && window.MathJax.Hub.Config) {window.MathJax.Hub.Config({SVG: {font: "STIX-Web"}});}
        if (typeof require !== 'undefined') {
        require.undef("plotly");
        requirejs.config({
            paths: {
                'plotly': ['https://cdn.plot.ly/plotly-2.18.2.min']
            }
        });
        require(['plotly'], function(Plotly) {
            window._Plotly = Plotly;
        });
        }
</script>

[cscheid]

Jupyter work bench direct publishing to RSConnect

What I'm asking is: what steps did you take to get that .ipynb file as a result?

[TaiPhamD]

both publishing uses the same .ipynb file

jupyter direct publishing to RSConnect I just use the "publish" button as seen here:

Then for Quarto render I just simply do:
quarto render [notebook].ipnb --execute

Then once I get the resultant html/asset file I use the R rsconnect:: api to push it to the same RSConnect server

[cscheid]

Ok, try adding this to the top of your file:

import plotly.io as pio
pio.renderers.default = "notebook"

[TaiPhamD]

Thank you!! it's working now.