Hugging Face's logo

Spaces:
oskarvanderwal
/
MT-bias-demo
Running

App Files Community
MT-bias-demo
File size: 9,311 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="lcbvficvztqchrkoabek_viz_container">
    <div id="lcbvficvztqchrkoabek_content" style="padding:15px;border-style:solid;margin:5px;">
        <div id = "lcbvficvztqchrkoabek_saliency_plot_container" class="lcbvficvztqchrkoabek_viz_container" style="display:block">
            
<div id="vnmralozlyzgwuyhrius_saliency_plot" class="vnmralozlyzgwuyhrius_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>▁He</th><th>'</th><th>s</th><th>▁a</th><th>▁baker</th><th>.</th><th>&lt;/s&gt;</th></tr><tr><th>▁Ő</th><th style="background:rgba(255.0, 13.0, 87.0, 0.46397306397306415)">0.398</th><th style="background:rgba(255.0, 13.0, 87.0, 0.5743315508021392)">0.491</th><th style="background:rgba(255.0, 13.0, 87.0, 0.2511388393741335)">0.219</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.006</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.002</th><th style="background:rgba(255.0, 13.0, 87.0, 0.12501485442661908)">0.11</th><th style="background:rgba(30.0, 136.0, 229.0, 0.7950485244602892)">-0.685</th></tr><tr><th>▁p</th><th style="background:rgba(255.0, 13.0, 87.0, 0.41667656961774624)">0.36</th><th style="background:rgba(255.0, 13.0, 87.0, 0.6058625470390177)">0.523</th><th style="background:rgba(255.0, 13.0, 87.0, 0.219607843137255)">0.192</th><th style="background:rgba(255.0, 13.0, 87.0, 0.08560110913052081)">0.08</th><th style="background:rgba(255.0, 13.0, 87.0, 0.43244206773618543)">0.375</th><th style="background:rgba(255.0, 13.0, 87.0, 0.24325609031491383)">0.213</th><th style="background:rgba(255.0, 13.0, 87.0, 0.4009110714993067)">0.347</th></tr><tr><th>ék</th><th style="background:rgba(255.0, 13.0, 87.0, 0.889641513170925)">0.759</th><th style="background:rgba(255.0, 13.0, 87.0, 0.4009110714993067)">0.347</th><th style="background:rgba(255.0, 13.0, 87.0, 0.2511388393741335)">0.217</th><th style="background:rgba(255.0, 13.0, 87.0, 0.17231134878193693)">0.151</th><th style="background:rgba(255.0, 13.0, 87.0, 0.9921172509407804)">0.85</th><th style="background:rgba(255.0, 13.0, 87.0, 1.0)">0.86</th><th style="background:rgba(255.0, 13.0, 87.0, 0.3772628243216479)">0.326</th></tr><tr><th>.</th><th style="background:rgba(255.0, 13.0, 87.0, 0.4245593186769657)">0.368</th><th style="background:rgba(255.0, 13.0, 87.0, 0.2826698356110118)">0.245</th><th style="background:rgba(255.0, 13.0, 87.0, 0.07771836007130124)">0.071</th><th style="background:rgba(255.0, 13.0, 87.0, 0.5979797979797981)">0.515</th><th style="background:rgba(255.0, 13.0, 87.0, 0.05407011289364243)">0.052</th><th style="background:rgba(255.0, 13.0, 87.0, 0.4560903149138443)">0.393</th><th style="background:rgba(255.0, 13.0, 87.0, 0.2590215884333532)">0.228</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="gajagbnkgsixwzqfuakn_viz_container">
    <div id="gajagbnkgsixwzqfuakn_content" style="padding:15px;border-style:solid;margin:5px;">
        <div id = "gajagbnkgsixwzqfuakn_saliency_plot_container" class="gajagbnkgsixwzqfuakn_viz_container" style="display:block">
            
<div id="fketemnvbdxvyowuvgbo_saliency_plot" class="fketemnvbdxvyowuvgbo_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>▁He</th><th>'</th><th>s</th><th>▁a</th><th>▁baker</th><th>.</th><th>&lt;/s&gt;</th></tr><tr><th>▁He</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.6452762923351159)">0.552</th><th style="background:rgba(255.0, 13.0, 87.0, 0.7714002772826303)">0.662</th><th style="background:rgba(255.0, 13.0, 87.0, 0.23537334125569415)">0.206</th><th style="background:rgba(255.0, 13.0, 87.0, 0.06195286195286207)">0.059</th><th style="background:rgba(255.0, 13.0, 87.0, 0.07771836007130124)">0.068</th><th style="background:rgba(255.0, 13.0, 87.0, 0.32208358090711037)">0.276</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.7635175282234107)">0.651</th><th style="background:rgba(255.0, 13.0, 87.0, 0.22749059219647458)">0.2</th><th style="background:rgba(255.0, 13.0, 87.0, 0.15654585066349747)">0.14</th><th style="background:rgba(255.0, 13.0, 87.0, 0.08560110913052081)">0.079</th><th style="background:rgba(255.0, 13.0, 87.0, 0.2826698356110118)">0.246</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.9211725094078035)">0.79</th><th style="background:rgba(255.0, 13.0, 87.0, 0.3536145771439889)">0.304</th><th style="background:rgba(255.0, 13.0, 87.0, 0.13289760348583876)">0.12</th><th style="background:rgba(30.0, 136.0, 229.0, 0.18019409784115656)">-0.155</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.15654585066349747)">0.135</th><th style="background:rgba(255.0, 13.0, 87.0, 0.17231134878193693)">0.151</th><th style="background:rgba(255.0, 13.0, 87.0, 0.3299663299663301)">0.284</th></tr><tr><th>▁baker</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.03830461477520289)">0.037</th><th style="background:rgba(255.0, 13.0, 87.0, 0.014656367597544035)">0.014</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.11713210536739943)">-0.104</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>