Hugging Face's logo

Spaces:
oskarvanderwal
/
MT-bias-demo
Running

App Files Community
MT-bias-demo
File size: 8,709 Bytes 
4ba9f41
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
<br/><b>0th instance:</b><br/>
<html>
<div id="mmvovbsxcavceamligjn_viz_container">
    <div id="mmvovbsxcavceamligjn_content" style="padding:15px;border-style:solid;margin:5px;">
        <div id = "mmvovbsxcavceamligjn_saliency_plot_container" class="mmvovbsxcavceamligjn_viz_container" style="display:block">
            
<div id="xkfilriwcfbxbjqhsuna_saliency_plot" class="xkfilriwcfbxbjqhsuna_viz_content">
    <div style="margin:5px;font-family:sans-serif;font-weight:bold;">
        <span style="font-size: 20px;">Source Saliency Heatmap</span>
        <br>
        x: Generated tokens, y: Attributed tokens
    </div>
    
<table border="1" cellpadding="5" cellspacing="5"
    style="overflow-x:scroll;display:block;">
    <tr><th></th>
<th>▁She</th><th>'</th><th>s</th><th>▁a</th><th>▁nurse</th><th>.</th><th>&lt;/s&gt;</th></tr><tr><th>▁Ő</th><th style="background:rgba(255.0, 13.0, 87.0, 0.8108140225787285)">0.651</th><th style="background:rgba(255.0, 13.0, 87.0, 0.6137452960982372)">0.491</th><th style="background:rgba(255.0, 13.0, 87.0, 0.41667656961774624)">0.336</th><th style="background:rgba(255.0, 13.0, 87.0, 0.5822142998613588)">0.469</th><th style="background:rgba(255.0, 13.0, 87.0, 0.8029312735195088)">0.644</th><th style="background:rgba(255.0, 13.0, 87.0, 0.22749059219647458)">0.183</th><th style="background:rgba(30.0, 136.0, 229.0, 0.4324420677361853)">-0.35</th></tr><tr><th>▁nővér</th><th style="background:rgba(255.0, 13.0, 87.0, 0.9132897603485836)">0.732</th><th style="background:rgba(255.0, 13.0, 87.0, 0.621628045157457)">0.497</th><th style="background:rgba(255.0, 13.0, 87.0, 0.3536145771439889)">0.283</th><th style="background:rgba(255.0, 13.0, 87.0, 0.6689245395127748)">0.538</th><th style="background:rgba(255.0, 13.0, 87.0, 0.15654585066349747)">0.126</th><th style="background:rgba(255.0, 13.0, 87.0, 0.6846900376312143)">0.551</th><th style="background:rgba(255.0, 13.0, 87.0, 0.9290552584670234)">0.742</th></tr><tr><th>.</th><th style="background:rgba(255.0, 13.0, 87.0, 0.2511388393741335)">0.201</th><th style="background:rgba(255.0, 13.0, 87.0, 0.5191523073876015)">0.416</th><th style="background:rgba(255.0, 13.0, 87.0, 0.06195286195286207)">0.054</th><th style="background:rgba(255.0, 13.0, 87.0, 0.17231134878193693)">0.141</th><th style="background:rgba(30.0, 136.0, 229.0, 0.07771836007130117)">-0.068</th><th style="background:rgba(255.0, 13.0, 87.0, 1.0)">0.802</th><th style="background:rgba(255.0, 13.0, 87.0, 0.5112695583283818)">0.409</th></tr><tr><th>&lt;/s&gt;</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.0</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.0</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.0</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.0</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.0</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.0</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.0</th></tr></table>
</div>

        </div>
    </div>
</div>
</html>
<br/><b>0th instance:</b><br/>
<html>
<div id="ugyhwxsqllejarslzktl_viz_container">
    <div id="ugyhwxsqllejarslzktl_content" style="padding:15px;border-style:solid;margin:5px;">
        <div id = "ugyhwxsqllejarslzktl_saliency_plot_container" class="ugyhwxsqllejarslzktl_viz_container" style="display:block">
            
<div id="gdyxzkreuokvfwentzfw_saliency_plot" class="gdyxzkreuokvfwentzfw_viz_content">
    <div style="margin:5px;font-family:sans-serif;font-weight:bold;">
        <span style="font-size: 20px;">Target Saliency Heatmap</span>
        <br>
        x: Generated tokens, y: Attributed tokens
    </div>
    
<table border="1" cellpadding="5" cellspacing="5"
    style="overflow-x:scroll;display:block;">
    <tr><th></th>
<th>▁She</th><th>'</th><th>s</th><th>▁a</th><th>▁nurse</th><th>.</th><th>&lt;/s&gt;</th></tr><tr><th>▁She</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(255.0, 13.0, 87.0, 0.7241037829273124)">0.582</th><th style="background:rgba(255.0, 13.0, 87.0, 0.5585660526836996)">0.446</th><th style="background:rgba(255.0, 13.0, 87.0, 0.6452762923351159)">0.52</th><th style="background:rgba(255.0, 13.0, 87.0, 0.6058625470390177)">0.484</th><th style="background:rgba(255.0, 13.0, 87.0, 0.06195286195286207)">0.055</th><th style="background:rgba(255.0, 13.0, 87.0, 0.08560110913052081)">0.069</th></tr><tr><th>'</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(255.0, 13.0, 87.0, 0.976351752822341)">0.778</th><th style="background:rgba(255.0, 13.0, 87.0, 0.24325609031491383)">0.2</th><th style="background:rgba(255.0, 13.0, 87.0, 0.306318082788671)">0.249</th><th style="background:rgba(255.0, 13.0, 87.0, 0.05407011289364243)">0.048</th><th style="background:rgba(255.0, 13.0, 87.0, 0.3536145771439889)">0.284</th></tr><tr><th>s</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(255.0, 13.0, 87.0, 0.49550406020994264)">0.401</th><th style="background:rgba(255.0, 13.0, 87.0, 0.18019409784115661)">0.148</th><th style="background:rgba(255.0, 13.0, 87.0, 0.13289760348583876)">0.113</th><th style="background:rgba(30.0, 136.0, 229.0, 0.1328976034858387)">-0.108</th></tr><tr><th>▁a</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(255.0, 13.0, 87.0, 0.621628045157457)">0.496</th><th style="background:rgba(255.0, 13.0, 87.0, 0.014656367597544035)">0.013</th><th style="background:rgba(255.0, 13.0, 87.0, 0.2590215884333532)">0.21</th></tr><tr><th>▁nurse</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(255.0, 13.0, 87.0, 0.05407011289364243)">0.045</th><th style="background:rgba(255.0, 13.0, 87.0, 0.13289760348583876)">0.107</th></tr><tr><th>.</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(30.0, 136.0, 229.0, 0.10136660724896014)">-0.087</th></tr><tr><th>&lt;/s&gt;</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th></tr></table>
</div>

        </div>
    </div>
</div>
</html>