How to Draw Pie Chart in this Subplots with PyplotJS?

Hi all,

I see this source
https://plotly.com/python/mixed-subplots/

This is my csv, I do not use volcano data, instead I want to plot historical events from a lot of countries.

Number,Event,Country,Region,Type,Year,Latitude,Longitude
1,The Tiananmen Square protests known in Chinese as the June Fourth Incident. The protests started on 15 April and were forcibly suppressed on 4 June when the government declared martial law and sent the People's Liberation Army to occupy parts of central Beijing,China,Beijing,Politics,1989,39.7431699,116.3905867
2,The United States detonated two atomic bombs over the Japanese cities of Hiroshima and Nagasaki on 6 and 9 August 1945,Japan,Hiroshima,War,1945,35.5664783,139.5739671
3,The Treaty of Westphalia ensured Switzerland legal independence from the Holy Roman Empire,Switzerland,Bern,Politics,1648,46.8590494,5.5158505

The question is:

  1. I want to plot a pie chart, but do not know how. The pie chart will plot how many type of events in the whole database, Type: Politics, War.
  2. How to create a dropdown for the Year? So when 1989 is selected then it will show the event occurs in 1989 in the globe map.
  3. Besides a pie chart, I want to plot a scatter plot, for the (x,y) → (latitude,longitude) and the color should represent the type of events (War ->Red, Politics → Orange, Economics → Green)
    Here is the picture :
    (from https://plotly.com/python/dropdowns/ )