You can use JS Hooks with LiveView. Just talk to your front end through events!

Excerpts:

Communication with the hook from the server can be done by reading data attributes on the hook element or by using Phoenix.LiveView.push_event/3 on the server and handleEvent on the client.

However, the data attribute approach is not a good approach if you need to frequently push data to the client. To push out-of-band events to the client, for example to render charting points, one could do:

# Register Hook
<div id="canvas" phx-hook="Canvas">

# Send down your Data Structure
{:noreply, push_event(socket, "data", %{data: new_data})}

On client:

Hooks.Canvas = {
  mounted(){
    this.handleEvent("data", ({data}) => {
        // Draw Data Structures onto canvas.
    }
  }
}

See: Client Server Communications

P.S. I just assumed you are also using Phoenix Framework & LiveView.