Running Julia in browser - sharing simulation code that plots live. Possible?

bjarthur · March 20, 2024, 10:41pm

WGLMakie and Bonito can turn your GLMakie window into a live webpage that can be accessed from anywhere. just combine the concepts given in these two examples:

github.com

SimonDanisch/Bonito.jl/blob/master/examples/wglmakie.jl

using Bonito, WGLMakie
using GeometryBasics
using FileIO
using Bonito: @js_str, onjs, App, Slider
using Bonito.DOM
Bonito.browser_display()

set_theme!(resolution=(1200, 800))

hbox(args...) = DOM.div(args...)
vbox(args...) = DOM.div(args...)

app = App() do
    return hbox(
        vbox(
            scatter(1:4, color=1:4),
            scatter(1:4, color=rand(RGBAf, 4)),
            scatter(1:4, color=rand(RGBf, 4)),
            scatter(1:4, color=:red),
            scatter(1:4)

This file has been truncated. show original

github.com

SimonDanisch/Bonito.jl/blob/master/examples/serve.jl

using Bonito, Observables
using Bonito: @js_str, onjs, Button, TextField, Slider, linkjs, Session, App
using Bonito.DOM
using Hyperscript

app = App() do session::Session
    s1 = Slider(1:100)
    s2 = Slider(1:100)
    b = Button("hi")
    t = TextField("enter your text")
    on(println, s1.value)
    linkjs(session, s1.index, s2.index)
    test = [1,2,3]
    onjs(session, s1.value, js"(v)=> console.log($test)")
    on(t) do text
        println(text)
    end
    return DOM.div(s1, s2, b, t)
end

This file has been truncated. show original

Topic		Replies	Views
State of Julia Interactive Apps, Executables and WebApps General Usage webapps , package-compiler , app	9	630	December 1, 2025
How to Run Julia Online and Create an Interactive Scene/Figure Window using Makie/GLMakie/WGLMakie on Codespaces or JuliaHub General Usage juliahub , makie , interactivity , codespaces	6	260	June 5, 2025
Hosting Web Apps in Julia General Usage package , webapps	61	22508	April 22, 2019
Integrate Julia simulations in a web page with Javascript Web Stack webapps , differentialequation	8	1057	June 18, 2024
Jg-plot_v0.1 / simple julia - webGl passthrough Visualization	8	1638	February 17, 2018

Running Julia in browser - sharing simulation code that plots live. Possible?

Related topics