Update app.py

app.py

@@ -281,10 +281,10 @@ def bloombergViz(att, val, numblocks, score_templates_df, flip=False):
     # numUnFilled = numblocks - numFilled
 
     res = ""
-    for sentence in score_templates_df[score_templates_df[att] == att, score_templates_df['Stereotyped'] == 'yes', 'Template']:
-        res += f"<div style='height:20px;width:20px;background-color:#555;display:inline-block'><span class='tooltiptext' style='color:#FFF'>{sentence}</span></div> "
-    for sentence in score_templates_df[score_templates_df[att] == att, score_templates_df['Stereotyped'] == 'no', 'Template']:
-        res += f"<div style='height:20px;width:20px;background-color:#999;display:inline-block'><span class='tooltiptext' style='color:#FFF'>{sentence}</span></div> "
+    for sentence in score_templates_df[score_templates_df['Attribute'] == att, score_templates_df['Stereotyped'] == 'yes', 'Template']:
+        res += f"<div style='height:20px;width:20px;background-color:#555;display:inline-block' id='filled'><span class='tooltiptext' style='color:#FFF'>{sentence}</span></div> "
+    for sentence in score_templates_df[score_templates_df['Attribute'] == att, score_templates_df['Stereotyped'] == 'no', 'Template']:
+        res += f"<div style='height:20px;width:20px;background-color:#999;display:inline-block' id='empty'><span class='tooltiptext' style='color:#FFF'>{sentence}</span></div> "
     return res
     # if flip:
     #     return numFilled * unfilled + numUnFilled * filled;