BERT/bert-xai.html

<table width="1000px" border="1">
    <div style="border-top: 1px solid; margin-top: 5px;             margin-left: 5px; padding-top: 5px; padding-bottom:10px; display: inline-block">
        <b>Legend: </b><span
            style="display: inline-block; width: 10px; height: 10px;                 border: 1px solid; background-color:                 hsl(0, 75%, 60%)"></span>
        Negative <span
            style="display: inline-block; width: 10px; height: 10px;                 border: 1px solid; background-color:                 hsl(0, 75%, 100%)"></span>
        Neutral <span
            style="display: inline-block; width: 10px; height: 10px;                 border: 1px solid; background-color:                 hsl(120, 75%, 50%)"></span>
        Positive
    </div>
    <tr>
        <th>True Label</th>
        <th>Predicted Label</th>
        <th>Attribution Label</th>
        <th>Attribution Score</th>
        <th>Word Importance</th>
    <tr style="text-align:center">
        <td>
            <text style="padding-right:2em"><b>1</b></text>
        </td>
        <td>
            <text style="padding-right:2em"><b>0 (0.91)</b></text>
        </td>
        <td>
            <text style="padding-right:2em"><b>1</b></text>
        </td>
        <td>
            <text style="padding-right:2em"><b>1.00</b></text>
        </td>
        <td>
            <mark style="background-color: hsl(0, 75%, 100%); opacity:1.0;                     line-height:1.75"><font
                    color="black"> [CLS] </font></mark>
            <mark style="background-color: hsl(0, 75%, 93%); opacity:1.0;                     line-height:1.75"><font
                    color="black"> i </font></mark>
            <mark style="background-color: hsl(0, 75%, 60%); opacity:1.0;                     line-height:1.75"><font
                    color="black"> hate </font></mark>
            <mark style="background-color: hsl(0, 75%, 84%); opacity:1.0;                     line-height:1.75"><font
                    color="black"> that </font></mark>
            <mark style="background-color: hsl(0, 75%, 95%); opacity:1.0;                     line-height:1.75"><font
                    color="black"> i </font></mark>
            <mark style="background-color: hsl(0, 75%, 95%); opacity:1.0;                     line-height:1.75"><font
                    color="black"> love </font></mark>
            <mark style="background-color: hsl(0, 75%, 98%); opacity:1.0;                     line-height:1.75"><font
                    color="black"> you </font></mark>
            <mark style="background-color: hsl(0, 75%, 100%); opacity:1.0;                     line-height:1.75"><font
                    color="black"> . </font></mark>
            <mark style="background-color: hsl(0, 75%, 100%); opacity:1.0;                     line-height:1.75"><font
                    color="black"> [SEP] </font></mark>
        </td>
    <tr>
</table>