How to create a buble map with my own shape file without external services?

The examples in Plotly site display maps using predefined shapes, like USA States or European countries. I’d like to plot a bubble map like in this example, without using external services like Mapbox.

I couldn’t find an example using my own shape file, like this GeoJson from Brazilian states. I’d like to plot from Python or Javascript.

Since I want to embed it in an already existing website, I can’t use Dash.

Does anyone here can help me with a working example?

BTW, I also asked this as question in StackOverflow, but still no answer.

I’d like even some orientation about how to implement it in plotly.js