Black Lives Matter. Please consider donating to Black Girls Code today.
Dash HoloViews is now available! Check out the docs.

How to link the bubbles on the mapbox with scalable line and pie chart

Hello everyone

I am trying to display a power system with lines and nodes on a map using mapbox. Several problems I have encountered:

  1. How to connect the bubbles on the map with a line with arrows other using mode=‘markers+lines’?
  2. How to make the line flow and change the thickness when updating the data in the @app.callback?
  3. How to ensure that the line stays linked when the map is zoomed in or out?
  4. How to plot half-pie charts in the bubble shown in the follow fig (I wish to display my map just as this in a pure Dash enviroment).

Unfortunately, the graphics I draw are as follows:

I really hope someone can help me and figure it out in a relatively simple way.