update to pydeck

app.py

@@ -1,7 +1,7 @@
 import json
 import os
 from collections import Counter
-
+import pydeck as pdk
 import pandas as pd
 import plotly.express as px
 import plotly.graph_objects as go
@@ -12,8 +12,6 @@ from sentence_transformers import SentenceTransformer
 
 from semantic_search import predict
 
-pio.renderers.default = "json"
-
 HF_TOKEN = os.environ.get("HF_TOKEN")
 CITIES_ENRICHED = os.path.join("data", "cities_enriched_manually.csv")
 DATA = os.path.join("2025-06-13_musterdatenkatalog.json")
@@ -191,43 +189,69 @@ def load_data() -> pd.DataFrame:
 germany = load_data()
 germany["lat"] = pd.to_numeric(germany["lat"])
 germany["lon"] = pd.to_numeric(germany["lon"])
+germany = germany[["ORG", "lat", "lon", "Count"]]
+
+
+# fig_map = px.scatter_mapbox(
+#     germany,
+#     lat="lat",
+#     lon="lon",
+#     hover_name="ORG",
+#     custom_data=["Count"],
+#     # scope="europe",
+#     height=700,
+#     zoom=5,
+# )
+# # Custom hover template
+# fig_map.update_traces(
+#     hovertemplate="<br>".join(
+#         [
+#             "Kommune: %{hovertext}",  # Use hover_name as hovertext
+#             "Count: %{customdata[0]}",  # Access elements in custom_data
+#         ]
+#     )
+# )
+# fig_map.update_layout(
+#     # geo=dict(
+#     #     showland=True,
+#     #     landcolor="LightGray",
+#     #     showocean=True,
+#     #     oceancolor="LightBlue",
+#     #     # showcountries=True,
+#     #     # countrycolor="Gray",
+#     #     showsubunits=True,
+#     #     # subunitcolor="Gray",
+#     #     fitbounds="locations",  # Fit the map bounds to the locations
+#     #     lataxis=dict(range=[47, 55]),  # Approximate latitude range for Germany
+#     #     lonaxis=dict(range=[5, 16]),  # Approximate longitude range for Germany
+#     # ),
+#     mapbox_style="carto-positron",
+#     # height=700,
+# )
+
+# Define the layer
+layer = pdk.Layer(
+    "ScatterplotLayer",
+    data=germany,
+    get_position="[lon, lat]",
+    get_radius=10000,  # or use 'Count' to scale
+    get_color=[255, 0, 0, 160],
+    pickable=True,
+)
 
-
-fig_map = px.scatter_mapbox(
-    germany,
-    lat="lat",
-    lon="lon",
-    hover_name="ORG",
-    custom_data=["Count"],
-    # scope="europe",
-    height=700,
+# Define the view
+view_state = pdk.ViewState(
+    latitude=51.1657,
+    longitude=10.4515,
     zoom=5,
+    pitch=0,
 )
-# Custom hover template
-fig_map.update_traces(
-    hovertemplate="<br>".join(
-        [
-            "Kommune: %{hovertext}",  # Use hover_name as hovertext
-            "Count: %{customdata[0]}",  # Access elements in custom_data
-        ]
-    )
-)
-fig_map.update_layout(
-    # geo=dict(
-    #     showland=True,
-    #     landcolor="LightGray",
-    #     showocean=True,
-    #     oceancolor="LightBlue",
-    #     # showcountries=True,
-    #     # countrycolor="Gray",
-    #     showsubunits=True,
-    #     # subunitcolor="Gray",
-    #     fitbounds="locations",  # Fit the map bounds to the locations
-    #     lataxis=dict(range=[47, 55]),  # Approximate latitude range for Germany
-    #     lonaxis=dict(range=[5, 16]),  # Approximate longitude range for Germany
-    # ),
-    mapbox_style="carto-positron",
-    # height=700,
+
+# Render the deck
+r = pdk.Deck(
+    layers=[layer],
+    initial_view_state=view_state,
+    tooltip={"text": "Kommune: {ORG}\nCount: {Count}"},
 )
 
 st.title("Musterdatenkatalog (MDK)")
@@ -389,5 +413,5 @@ st.markdown(
    """,
     unsafe_allow_html=True,
 )
-st.write(pio.renderers)
-st.plotly_chart(fig_map)
+# st.plotly_chart(fig_map)
+st.pydeck_chart(r, use_container_width=True)

requirements.txt

@@ -2,4 +2,5 @@ plotly-express>=0.4.1
 plotly>=5.14.1
 altair<5
 sentence-transformers
-safetensors
+safetensors
+pydeck