trying html

app.py

@@ -68,13 +68,11 @@ def make_profession_plot(num_clusters, prof_name):
 def make_profession_table(num_clusters, prof_names, mod_name):
     cl_df = clusters_by_size[num_clusters]
     clusters_df = cl_df[df_models[mod_name]].apply(pd.Series).loc[prof_names]['cluster_proportions'].apply(pd.Series).reset_index().rename(columns={"index":"profession"}).round(1)
+    clusters_df.style.background_gradient(cmap='Blues').to_html()
     labor_df = cl_df[df_models[mod_name]].apply(pd.Series).loc[prof_names]['labor_fm'].apply(pd.Series).rename(columns={0:"female", 1:"male"}).reset_index().rename(columns={"index":"profession"}).round(1)
+    labor_df.style.background_gradient(cmap='Blues').to_html()
     return clusters_df, labor_df
-    # cl_df = pd.DataFrame.from_dict(cl_dct)
-    # print(mod_names)
-    # mod_df = pd.DataFrame(cl_df[df_models[mod_names]])
-    # print(mod_df.head(5))
-    # return mod_df
+
 
 
 with gr.Blocks() as demo:
@@ -101,11 +99,11 @@ with gr.Blocks() as demo:
                     interactive=True,
                 )
                 with gr.Row():
-                    table = gr.DataFrame(
+                    table = gr.HTML(
                         label="Profession assignment per cluster", wrap=True
                     )
                 with gr.Row():
-                    labor_table = gr.DataFrame(
+                    labor_table = gr.HTML(
                         label="Labor Bureau Statistics per profession", wrap=True
                     )
                 num_clusters.change(