Timer or play button in Bonito app

sdanisch · December 17, 2024, 3:58pm

I implemented something like that in NDViewer:

MakieOrg/NDViewer.jl/blob/main/src/bonito-widgets.jl#L3


      
          using Bonito
          
          function PlayButton(slider, range, session)
              button = Bonito.Button("▶"; style=Styles("min-width" => "1rem", "height" => "2rem", "margin" => "0px"))
              not_yet_open = true
              playing = Threads.Atomic{Bool}(false)
              time_per_frame = Threads.Atomic{Float64}(1 / 30)
              task = @async let i = first(range)
                  while true
                      yield()
                      if isopen(session)
                          not_yet_open = false
                      end

It also has a fallback for a pure GLMakie app:

github.com

MakieOrg/NDViewer.jl/blob/main/src/makie-widgets.jl#L2


      
          
          function play_slider(figure, label, range)
              l = Label(figure[1, 1], label, halign=:left)
              button = Makie.Button(figure[1, 2]; label=">")
              slider = Makie.Slider(figure[1, 3]; range=range)
              vl = Makie.Label(figure[1, 4], map(string, slider.value), halign=:right)
              sgrid = figure[1, 5] = GridLayout()
              speed_button = [
                  Makie.Button(sgrid[1, 1]; label="1") => 1,
                  Makie.Button(sgrid[1, 2]; label="10") => 10,
                  Makie.Button(sgrid[1, 3]; label="24") => 24,
                  Makie.Button(sgrid[1, 4]; label="60") => 60,

Topic		Replies	Views
Animation with timeline and play/pause Visualization question , plotting	2	1185	May 25, 2019
How to animate a slider in GLMakie? New to Julia glmakie	2	494	June 22, 2022
Animation slider in Pluto.jl General Usage pluto	2	2863	November 23, 2020
Makie interaction: Slider with animation General Usage	10	3338	July 22, 2019
Adding a play button to a PlotlyJS plot Visualization plotlyjs	10	955	March 24, 2023

Timer or play button in Bonito app

Related topics