This is a little package I threw together a while ago and have kicked it around enough that it might be worth sharing.
It is still a work-in-progress, but I’d love to get some feedback / suggestions if anyone is interested.
The idea is to use a blank browser page as something like a desktop to hold interactive draggable plotting windows.
For instance, you can startup a local server by runing
julia> using Figures; Figures.examples()
and open a browser to http://localhost:8000/examples/blank, where you will be greeted by a completely blank web page. Woo hoo!
Then from the REPL, you can run
and a draggable figure appears.
To avoid conflicts with
plotly.js, the draggable zone, i.e. the area you need to click to drag the window, is a small strip along the top of the figure window. Double clicking the top strip deletes the figure.
The first version of
PlotlyJS.jl, but I decided to just write my own
plotly.js API instead and avoid the dependency (e.g.
PlotlyJS.jl depends on
import Figures: Scatter, Layout, Config, Title # I should probably export these 😅 function example_plotly(id,n=10) data = [Scatter(;x=1:n,y=rand(n))] layout = Layout(; title = Title(text="Create a new figure and plot a single trace"), width = 650, height = 450 ) config = Config(displayModeBar=false) Plotly.newPlot(id,data,layout=layout,config=config) end
If you run the function again with the same name (i.e.
div id), it will put the chart in the same figure.If you give it a new name, it will create a new figure, e.g.
As mentioned, the figures can be dragged around and placed wherever forming a kind of dashboard.
plotly.js because it is web based and interactive.
Figures.jl preserves all of the
plotly.js interactivity, e.g. data tips upon hovering the mouse over data
zooming in on a region
There is a more detailed example if you open the browser to http://localhost:8000/examples/plot.ly, you’ll see two buttons:
Clicking “Generate Plots” will send a message to Julia via callback to generate 4 plots overlaid on top of each other that can be arranged however you like:
There is a little fancy trick here. If you open a second tab and view the windows side by side, the “Broadcast Plots” will send the plots to all open windows, i.e. one window is control the display of another window.
Aside from the new Plotly API (which was more work than I’d like to admit), this is all pretty simple stuff. No rocket science here, but I expect it to be useful for my research and hope maybe someone else finds it interesting as well