Hi everyone, I recently wanted to use PlotlyJS directly in Pluto and still be able to view the plots in the static html export. I just managed to somehow do that and wanted to post the procedure here to get feedback and eventually have a reference on discourse if anybody wants to achieve the same. …

In any case I will leave here (and select as solution) the github reference of the notebook I will use to test/update the show function so the latest version is always up-to date there: disberd/PlutoUtilities.jl/blob/master/src/plotly_show.jl ### A Pluto.jl notebook ### # v0.17.7 # …

@fonsp , yes, I know that. Anyway, I can assure you that Pluto is much faster than Jupyter. I have tried both in real time, changing the number of grid points by a significant amount, and in Pluto, the new plot takes less than1s to pop up, while it takes around 5.8s to appear in Jupyter. I used a s…

So I had some time to did some further testing based on the input from @fonsp and I have a few updates. The first one is that indeed there is a speedup when using the code example from fonsp but I suspect it mostly comes from the use of Plotly.react when the div already exists rathern than Plotly.n…

Hi @disberd . I have experimented with your new function. It looks a little bit faster but there is a point that I think deserves some consideration. In your first approach, if we changed the width of Pluto’s window (for me the default size is impracticable for teaching), the plots’ width follows the…

Indeed you are right. I completely disregarded the responsivity of the plot that was “hard-coded” in my original example (it was the {responsive: true} as the last argument of the newPlot function. The issue I am facing now is that I am not able to get responsivity to the div width in my plots any…

Hi. Your first version works very well. It is always responsive to the change of Pluto’s window width and the plots come out quite fast. At least 6x faster than Jupyter, which is quite something if we talk about heavyweight plotting. I tested also your third version, and in my case, it still forces …

I did some more testing in the past days and currently settled for the current solution for fast and responsive plotting: begin plotlylower(x) = x plotlylower(x::Vector{<:Number}) = x plotlylower(x::AbstractVector) = Any[plotlylower(z) for z in x] plotlylower(x::AbstractMatrix) = Any[plotlylowe…

@disberd , wow, it looks much faster than your first version: heavyweight plots pop up like popcorn. Moreover, it combines responsiveness when we resize Pluto cells’ width, which is critical for me. Great stuff. I have tested this new version in PlotlyJS v0.14.1 and PlotlyBase v0.4.3 (some interdep…

I would also be interested in equation numbering and I’ll try to look if there is a hack that could be used for that… Regardint the yyplots, do you mean something like this? [image] Multiple Detailed examples of Multiple Axes including changing color, size, log axes, and more in JavaScr…

Yep, that’s exactly what I mean. I have tried to adapt that specific code to PlotlyJS, but I am a miserable programmer, so I had no success. I am an economist and have to deal with time series of very different means and variances, and that kind of yy plot (one y-axis on the left, the other on the r…

Pluto plots with PlotlyBase/PlotlyJS with working static html export

Tooling Pluto

fonsp June 8, 2021, 7:07pm 12

I made a PR to Plots.jl to use the leaner HTML show method: embeddable html show for performance in Pluto by fonsp · Pull Request #3559 · JuliaPlots/Plots.jl · GitHub

2 Likes

Topic		Replies	Views
Adapting code from Plots into PlotlyJS General Usage plotting	12	935	September 3, 2022
PlotlyJS causes errors, can't figure out how to use PlotlyLight - how to use Plotly from Julia? New to Julia plotlyjs	37	2394	March 5, 2024
ANN: static image export in PlotlyBase.jl Package Announcements package , announcement , plotting , plotlyjs	15	2245	February 5, 2022
Not plots with plotly, apple silicon and VSCode General Usage vscode , plots , plotly	2	102	August 12, 2025
Update a Plotly chart in Pluto in response to a click? Visualization plotting , plutoplotly	2	149	January 2, 2025

Pluto plots with PlotlyBase/PlotlyJS with working static html export

Related topics