# Julia animation using PlotlyJS

**URL:** https://discourse.julialang.org/t/julia-animation-using-plotlyjs/69684
**Category:** Visualization
**Tags:** jupyter, plotting, plotlyjs, notebooks
**Created:** [October 13, 2021, 12:47pm UTC](https://discourse.julialang.org/t/julia-animation-using-plotlyjs/69684 "2021-10-13T12:47:17Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![cvalero](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/cvalero/32/29862_2.png) [@cvalero](https://discourse.julialang.org/u/cvalero)
#### Post date: [October 13, 2021, 12:47pm UTC](https://discourse.julialang.org/t/julia-animation-using-plotlyjs/69684/1 "2021-10-13T12:47:17Z")

</div>

Hi, I am happy to share some code that shows how to do animations using Julia and PlotlyJS on a Jupyter Notebook.

![JuliaPlotlyAnim](https://global.discourse-cdn.com/julialang/original/3X/9/b/9bbecf33e1ade8ddc73b3700fd7a4b631448dfa9.gif)

On the first cell of a Jupyter Notebook insert

```julia
using PlotlyJS

t = LinRange(0.0,2*pi,250)
ω1 = 2
ω2 = 3
a0 = 0
trace = scatter(x=cos.(ω1*t),y=sin.(ω2*a0*t),mode="lines", name="Lissajous") 
data = [trace]
layout = Layout(;title="Animation", xaxis_range=[-2, 2],
                     yaxis_range=[-2, 2], width=500,height=500)
pl = plot(data,layout)

```

On the next cell

```julia
a1 = 1
for a in LinRange(a0,a1,100)
    trace = scatter(x=cos.(ω1*t),y=sin.(ω2*a*t),mode="lines", name="Lissajous") 
    data = [trace]
    sleep(0.05)
    react!(pl, data, layout)
end

```