packages = [ "folium", "pandas" ] import folium import json import pandas as pd from pyodide.http import open_url url = ( "https://raw.githubusercontent.com/python-visualization/folium/master/examples/data" ) state_geo = f"{url}/us-states.json" state_unemployment = f"{url}/US_Unemployment_Oct2012.csv" state_data = pd.read_csv(open_url(state_unemployment)) geo_json = json.loads(open_url(state_geo).read()) m = folium.Map(location=[48, -102], zoom_start=3) folium.Choropleth( geo_data=geo_json, name="choropleth", data=state_data, columns=["State", "Unemployment"], key_on="feature.id", fill_color="YlGn", fill_opacity=0.7, line_opacity=0.2, legend_name="Unemployment Rate (%)", ).add_to(m) folium.LayerControl().add_to(m) display(m, target="folium")
View Code

index.html

          

            <div id="folium"></div>
            <py-config>
            packages = [
              "folium",
              "pandas"
            ]
            </py-config>
            <py-script>
              import folium
              import json
              import pandas as pd

              from pyodide.http import open_url

              url = (
                  "https://raw.githubusercontent.com/python-visualization/folium/master/examples/data"
              )
              state_geo = f"{url}/us-states.json"
              state_unemployment = f"{url}/US_Unemployment_Oct2012.csv"
              state_data = pd.read_csv(open_url(state_unemployment))
              geo_json = json.loads(open_url(state_geo).read())

              m = folium.Map(location=[48, -102], zoom_start=3)

              folium.Choropleth(
                  geo_data=geo_json,
                  name="choropleth",
                  data=state_data,
                  columns=["State", "Unemployment"],
                  key_on="feature.id",
                  fill_color="YlGn",
                  fill_opacity=0.7,
                  line_opacity=0.2,
                  legend_name="Unemployment Rate (%)",
              ).add_to(m)

              folium.LayerControl().add_to(m)

              display(m, target="folium")
            </py-script>