Update dashboard elements of plotly-DASH using pymongo.change_streams()

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

I am trying to build a plotly-dash app that interfaces with a MongoDB collection where data is continuously written at asynchronous time intervals. The dash app needs to 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 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

Would be grateful for any guidance or small working example, as information on the internet to setup websocket connection between mongoDB and Dash is very scarce?

Best Regards,
Dilip