Update app.py

app.py

@@ -19,7 +19,7 @@ st.markdown(
     <link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
     <style>
     .title {
-        font-family: 'Permanent Marker', cursive;
+        font-family: 'Permanent Marker';
         font-size: 2.0rem;
     }
     </style>""",
@@ -28,7 +28,7 @@ st.markdown(
 
 st.sidebar.write(
     """<center><p class="title">
-    HESS Papers Clustering 🌎🌿
+    Clustering on HESS Papers 🌎🌿
     </p></center>""",
     unsafe_allow_html=True,
 )
@@ -76,12 +76,6 @@ DF["opacity"] = 0.04
 min_year, max_year = DF["year"].min(), DF["year"].max()
 
 with st.sidebar:
-    start_year, end_year = st.select_slider(
-        "Publication year",
-        options=[str(y) for y in range(min_year, max_year + 1)],
-        value=(str(min_year), str(max_year)),
-    )
-
     author_names = st.text_input("Author names (separated by comma)")
 
     title = st.text_input("Title")
@@ -93,6 +87,12 @@ with st.sidebar:
     #     ["Topics 2: "],
     # )
 
+    start_year, end_year = st.select_slider(
+        "Publication year",
+        options=[str(y) for y in range(min_year, max_year + 1)],
+        value=(str(min_year), str(max_year)),
+    )
+
     start_year = int(start_year)
     end_year = int(end_year)
     df_mask = (DF["year"] >= start_year) & (DF["year"] <= end_year)
@@ -110,38 +110,38 @@ with st.sidebar:
     DF.loc[df_mask, "opacity"] = 1.0
     st.write(f"Number of points: {DF[df_mask].shape[0]}")
 
-    fig = px.scatter(
-        DF,
-        x="x",
-        y="y",
-        opacity=DF["opacity"],
-        color=DF["cluster"],
-        width=1000,
-        height=800,
-        custom_data=("title", "authors_trimmed", "year"),
-        color_continuous_scale="haline",
-    )
+fig = px.scatter(
+    DF,
+    x="x",
+    y="y",
+    opacity=DF["opacity"],
+    color=DF["cluster"],
+    width=1000,
+    height=800,
+    custom_data=("title", "authors_trimmed", "year"),
+    color_continuous_scale="haline",
+)
 
-    fig.update_traces(
-    hovertemplate="<b>%{customdata[0]}</b><br>%{customdata[1]}<br>%{customdata[2]}<br><i>"
+fig.update_traces(
+hovertemplate="<b>%{customdata[0]}</b><br>%{customdata[1]}<br>%{customdata[2]}<br><i>"
     )
 
-    fig.update_layout(
-        showlegend=False,
-        font=dict(
-            family="Times New Roman",
-            size=30,
-        ),
-        hoverlabel=dict(
-            align="left",
-            font_size=14,
-            font_family="Rockwell",
-            namelength=-1,
-        ),
-    )
+fig.update_layout(
+    showlegend=False,
+    font=dict(
+        family="Times New Roman",
+        size=30,
+    ),
+    hoverlabel=dict(
+        align="left",
+        font_size=14,
+        font_family="Rockwell",
+        namelength=-1,
+    ),
+)
 
-    fig.update_xaxes(title="")
-    fig.update_yaxes(title="")
+fig.update_xaxes(title="")
+fig.update_yaxes(title="")
 
-    st.plotly_chart(fig, use_container_width=True)
+st.plotly_chart(fig, use_container_width=True)