# Converting ipynb to html ERROR HELP!
**URL:** https://discourse.jupyter.org/t/converting-ipynb-to-html-error-help/31752
**Category:** JupyterLab
**Created:** [January 15, 2025, 12:28pm UTC](https://discourse.jupyter.org/t/converting-ipynb-to-html-error-help/31752 "2025-01-15T12:28:21Z")
**Posts on this page:** 1
**Page:** 1
### Author:  [@Tomeu\_Payeras](https://discourse.jupyter.org/u/Tomeu_Payeras)
#### Post date: [January 15, 2025, 12:28pm UTC](https://discourse.jupyter.org/t/converting-ipynb-to-html-error-help/31752/1 "2025-01-15T12:28:21Z")
Everything runs okay until here! I have to finish it today!!!
PLEASE HELP!
I can only upload one photo
# Load the GeoJSON file, containing geographic data for countries
map\_data = gpd.read\_file(‘countries.geo.json’)
# Define dropdown options for selecting metrics to visualize on the map
# Each option is a tuple with the display name and the corresponding column in the DataFrame
dropdown\_options = [(‘Crime Index’, ‘CI’),
(‘Education Index’, ‘EDU’),
(‘Gross National Income’, ‘GNI’),
(‘Human Development Index’, ‘HDI’),
(‘Density’, ‘DE’)]
# Create the dropdown widget to select the metric to display
dropdown1 = widgets.Dropdown(options=dropdown\_options, description=‘Select Metric:’)
# Output widget to display the map
out1 = widgets.Output()
# Define a function to update the map based on the selected metric
def update\_map(selected\_column):
# Merge the GeoJSON data with the DataFrame to include metric values for each country
merged\_data = map\_data.merge(df, left\_on=‘name\_long’, right\_on=‘NAME’, how=‘left’)
```
# Create a Folium map centered on the equator with a world view
m = folium.Map(location=[0, 0], zoom_start=2, tiles='cartodbpositron')
# Add a choropleth layer to represent the selected metric
folium.Choropleth(
geo_data=merged_data,
data=merged_data,
columns=['name_long', selected_column],
key_on='feature.properties.name_long',
fill_color='OrRd',
fill_opacity=0.7,
line_opacity=0.2,
legend_name=selected_column
).add_to(m)
# Add hover functionality with tooltips
for _, row in merged_data.iterrows():
if pd.notna(row[selected_column]):
folium.Tooltip(f"{row['name_long']}: {row[selected_column]}").add_to(
folium.GeoJson(row.geometry, style_function=lambda x: {'fillColor': 'transparent'})
).add_to(m)
# Display the map in the output widget
with out1:
clear_output(wait=True)
display(m)
```
# Handle the dropdown value change event
def dropdown\_event\_handler(change):
selected\_column = change.new
update\_map(selected\_column)
# Register the event handler for the dropdown widget
dropdown1.observe(dropdown\_event\_handler, names=‘value’)
# Display the dropdown and the map
display(dropdown1, out1)
# Initialize the map with the default column
update\_map(dropdown\_options[0][1])
Select Metric:
Crime Index
Make this Notebook Trusted to load map: File -\> Trust Notebook\