Upload app.py with huggingface_hub

app.py

@@ -4,6 +4,10 @@ import pandas as pd
 import matplotlib.pyplot as plt
 import matplotlib.ticker as ticker
 
+# Set font for CJK characters
+plt.rcParams['font.sans-serif'] = ['Noto Sans CJK SC', 'DejaVu Sans']
+plt.rcParams['axes.unicode_minus'] = False
+
 # Load the data
 df = pd.read_csv("data.csv")
 
@@ -25,18 +29,19 @@ def plot_data(selected_entities, year_range, show_raw_data):
     fig, ax = plt.subplots(figsize=(12, 7))
     for entity in selected_entities:
         entity_data = filtered_df[filtered_df["Entity"] == entity]
-        ax.plot(entity_data["Year"], entity_data["Percent"], label=entity, marker=".", markersize=8)
+        if not entity_data.empty:
+            ax.plot(entity_data["Year"], entity_data["Percent"], label=entity, marker=".", markersize=8)
 
-    ax.set_xlabel("年份", fontsize=12)
-    ax.set_ylabel("收入份额百分比", fontsize=12)
-    ax.set_title("Top 5% 收入份额", fontsize=16, fontweight=\"bold\")
-    ax.legend(title="国家/地区", bbox_to_anchor=(1.05, 1), loc=\"upper left\")
+    ax.set_xlabel("Year", fontsize=12)
+    ax.set_ylabel("Income Share (%)", fontsize=12)
+    ax.set_title("Top 5% Income Share Trend", fontsize=16, fontweight="bold")
+    ax.legend(title="Country/Region", bbox_to_anchor=(1.05, 1), loc="upper left")
     ax.grid(True, linestyle=":", alpha=0.7)
     ax.set_facecolor("#f5f5f5") # Light grey background
 
     # Improve x-axis ticks
     ax.xaxis.set_major_locator(ticker.MaxNLocator(integer=True))
-    plt.xticks(rotation=45, ha=\"right\")
+    plt.xticks(rotation=45, ha="right")
 
     plt.tight_layout() # Adjust layout to prevent labels from overlapping
 
@@ -47,15 +52,15 @@ def plot_data(selected_entities, year_range, show_raw_data):
         return fig, pd.DataFrame()
 
 # Gradio Interface
-with gr.Blocks() as demo:
-    gr.Markdown("# Top 5% 收入份额可视化")
-    gr.Markdown("此应用展示了不同国家/地区人口中收入最高的 5% 人群的收入份额。")
+with gr.Blocks(theme=gr.themes.Soft()) as demo:
+    gr.Markdown("# 📊 Top 5% Income Share Visualization")
+    gr.Markdown("This interactive application visualizes the share of income received by the richest 5% of the population across different countries.")
 
     with gr.Row():
-        with gr.Column():
+        with gr.Column(scale=1):
             entity_selector = gr.CheckboxGroup(
                 choices=entities,
-                label="选择国家/地区",
+                label="Select Countries/Regions",
                 value=["Australia", "China", "Germany", "Japan", "United States"]
             )
             year_slider = gr.Slider(
@@ -63,14 +68,17 @@ with gr.Blocks() as demo:
                 maximum=latest_year,
                 value=[earliest_year, latest_year],
                 step=1,
-                label="选择年份范围"
+                label="Select Year Range"
             )
-            show_raw_data_checkbox = gr.Checkbox(label="显示原始数据", value=False)
-            submit_button = gr.Button("生成图表")
+            show_raw_data_checkbox = gr.Checkbox(label="Show Raw Data Table", value=False)
+            submit_button = gr.Button("🚀 Update Visualization", variant="primary")
+
+        with gr.Column(scale=2):
+            output_plot = gr.Plot(label="Income Share Trend")
+            output_dataframe = gr.DataFrame(label="Filtered Data Table")
 
-        with gr.Column():
-            output_plot = gr.Plot(label="收入份额趋势图")
-            output_dataframe = gr.DataFrame(label="原始数据")
+    gr.Markdown("---")
+    gr.Markdown("**Source:** [Our World in Data](https://ourworldindata.org/grapher/top-5-income-share)")
 
     submit_button.click(
         fn=plot_data,