MongoDB websocket and Dash plot

Greetings @snehilvj ,
I followed this tutorial to setup websockets with MongoDB ChangeStreams, and this is the output I get of this working websocket connection to my MongoDB collection FloatingEquity
https://cdn.discordapp.com/attachments/931545568931631194/983232389763448852/unknown.png .

I am now trying to build a plotly-dash app that interfaces with this MongoDB collection where data is continuously written at asynchronous time intervals. The dash app needs to make a line plot the equity field on the y-axis and time on the x-axis and also update the live streaming data on dash cards. But I don’t know how to connect this MongoDB ChangeStream websocket to Dash. Should I use quart or quart-motor package or the existing code in this mongodb tutorial would suffice albeit with some minor modifications?

The Dash Websocket tutorials sometimes uses JS code, which I don’t understand:
1.) Websocket
2.) Build a realtime Dash App with websockets | by Jacky Shi | Medium

It would be very helpful to the dash & MongoDB python community if any dash expert here can show a small working example of building a web socket between a live updating MongoDB Atlas collection and a dash app, as information on the internet to setup websocket connection between mongoDB and Dash is very scarce?

Best Regards,
Dilip