Genie Discord forum

┌ Error: 2023-11-02 14:05:34 GET /js/stipplekatex/katex.min.css 404
└ @ Genie.Router ~/.julia/packages/Genie/Ow2eW/src/Router.jl:202

module App
# set up Genie development environment
using GenieFramework
using Main.Sine
import PlotlyBase, StipplePlotly
using StippleLatex

@genietools

# add your data analysis code

# x range
const xs = collect(range(-2π, 2π, length=1000))



# function called to update de plot
function update_plot(A, ω, ϕ)
    ys = @. sine(xs, A, ω, ϕ)
    trace = PlotlyBase.scatter(x=xs, y=ys,
        mode="lines")
    return trace
end

# Define default values for reactive variables
A_default = 0.0
ω_default = 0.0
ϕ_default = 0.0


# add reactive code to make the UI interactive
@app begin
    # reactive variables are tagged with @in and @out
    @in A = A_default
    @in ω = ω_default
    @in ϕ = ϕ_default
    @in button1 = false
    @out traces = [update_plot(A_default, ω_default, ϕ_default)]
    @out layout = PlotlyBase.Layout(title="Sine function",
    xaxis=PlotlyBase.attr(
        title=raw"\theta",
        showgrid=true
    ),
    yaxis=PlotlyBase.attr(
        title=raw"\sin(\theta)",
        range=[-11, 11],
        showgrid=true
    )
)

    @onchange button1 begin
        traces = [update_plot(A, ω, ϕ)]
    end
end

# register a new route and the page that will be
# loaded on access
@page("/", "app.jl.html")
end