79 lines
6.4 KiB
XML
79 lines
6.4 KiB
XML
<svg width="500" height="380" xmlns="http://www.w3.org/2000/svg">
|
|
<text x="250" y="22" fill="#333" font-size="14" font-weight="bold" text-anchor="middle">Attention Alignment: French → English Translation</text>
|
|
|
|
<!-- Column headers (source/French) -->
|
|
<text x="140" y="58" fill="#3498db" font-size="11" text-anchor="middle">le</text>
|
|
<text x="200" y="58" fill="#3498db" font-size="11" text-anchor="middle">chat</text>
|
|
<text x="260" y="58" fill="#3498db" font-size="11" text-anchor="middle">noir</text>
|
|
<text x="320" y="58" fill="#3498db" font-size="11" text-anchor="middle">dort</text>
|
|
<text x="380" y="58" fill="#3498db" font-size="11" text-anchor="middle">bien</text>
|
|
<text x="260" y="45" fill="#3498db" font-size="10" text-anchor="middle" font-weight="bold">Source (French)</text>
|
|
|
|
<!-- Row headers (target/English) -->
|
|
<text x="90" y="100" fill="#27ae60" font-size="11" text-anchor="end">the</text>
|
|
<text x="90" y="160" fill="#27ae60" font-size="11" text-anchor="end">black</text>
|
|
<text x="90" y="220" fill="#27ae60" font-size="11" text-anchor="end">cat</text>
|
|
<text x="90" y="280" fill="#27ae60" font-size="11" text-anchor="end">sleeps</text>
|
|
<text x="90" y="340" fill="#27ae60" font-size="11" text-anchor="end">well</text>
|
|
<text x="55" y="220" fill="#27ae60" font-size="10" text-anchor="middle" font-weight="bold" transform="rotate(-90, 55, 220)">Target (English)</text>
|
|
|
|
<!-- Grid cells - row 1: "the" -->
|
|
<rect x="110" y="75" width="60" height="50" rx="3" fill="#3498db" opacity="0.75" stroke="white" stroke-width="1"/>
|
|
<text x="140" y="105" fill="white" font-size="11" text-anchor="middle">.82</text>
|
|
<rect x="170" y="75" width="60" height="50" rx="3" fill="#3498db" opacity="0.08" stroke="white" stroke-width="1"/>
|
|
<text x="200" y="105" fill="#999" font-size="11" text-anchor="middle">.05</text>
|
|
<rect x="230" y="75" width="60" height="50" rx="3" fill="#3498db" opacity="0.05" stroke="white" stroke-width="1"/>
|
|
<text x="260" y="105" fill="#999" font-size="11" text-anchor="middle">.03</text>
|
|
<rect x="290" y="75" width="60" height="50" rx="3" fill="#3498db" opacity="0.06" stroke="white" stroke-width="1"/>
|
|
<text x="320" y="105" fill="#999" font-size="11" text-anchor="middle">.06</text>
|
|
<rect x="350" y="75" width="60" height="50" rx="3" fill="#3498db" opacity="0.04" stroke="white" stroke-width="1"/>
|
|
<text x="380" y="105" fill="#999" font-size="11" text-anchor="middle">.04</text>
|
|
|
|
<!-- Row 2: "black" -->
|
|
<rect x="110" y="135" width="60" height="50" rx="3" fill="#3498db" opacity="0.05" stroke="white" stroke-width="1"/>
|
|
<text x="140" y="165" fill="#999" font-size="11" text-anchor="middle">.03</text>
|
|
<rect x="170" y="135" width="60" height="50" rx="3" fill="#3498db" opacity="0.08" stroke="white" stroke-width="1"/>
|
|
<text x="200" y="165" fill="#999" font-size="11" text-anchor="middle">.06</text>
|
|
<rect x="230" y="135" width="60" height="50" rx="3" fill="#3498db" opacity="0.80" stroke="white" stroke-width="1"/>
|
|
<text x="260" y="165" fill="white" font-size="11" text-anchor="middle">.85</text>
|
|
<rect x="290" y="135" width="60" height="50" rx="3" fill="#3498db" opacity="0.04" stroke="white" stroke-width="1"/>
|
|
<text x="320" y="165" fill="#999" font-size="11" text-anchor="middle">.03</text>
|
|
<rect x="350" y="135" width="60" height="50" rx="3" fill="#3498db" opacity="0.04" stroke="white" stroke-width="1"/>
|
|
<text x="380" y="165" fill="#999" font-size="11" text-anchor="middle">.03</text>
|
|
|
|
<!-- Row 3: "cat" -->
|
|
<rect x="110" y="195" width="60" height="50" rx="3" fill="#3498db" opacity="0.06" stroke="white" stroke-width="1"/>
|
|
<text x="140" y="225" fill="#999" font-size="11" text-anchor="middle">.04</text>
|
|
<rect x="170" y="195" width="60" height="50" rx="3" fill="#3498db" opacity="0.75" stroke="white" stroke-width="1"/>
|
|
<text x="200" y="225" fill="white" font-size="11" text-anchor="middle">.80</text>
|
|
<rect x="230" y="195" width="60" height="50" rx="3" fill="#3498db" opacity="0.08" stroke="white" stroke-width="1"/>
|
|
<text x="260" y="225" fill="#999" font-size="11" text-anchor="middle">.07</text>
|
|
<rect x="290" y="195" width="60" height="50" rx="3" fill="#3498db" opacity="0.05" stroke="white" stroke-width="1"/>
|
|
<text x="320" y="225" fill="#999" font-size="11" text-anchor="middle">.05</text>
|
|
<rect x="350" y="195" width="60" height="50" rx="3" fill="#3498db" opacity="0.04" stroke="white" stroke-width="1"/>
|
|
<text x="380" y="225" fill="#999" font-size="11" text-anchor="middle">.04</text>
|
|
|
|
<!-- Row 4: "sleeps" -->
|
|
<rect x="110" y="255" width="60" height="50" rx="3" fill="#3498db" opacity="0.04" stroke="white" stroke-width="1"/>
|
|
<text x="140" y="285" fill="#999" font-size="11" text-anchor="middle">.02</text>
|
|
<rect x="170" y="255" width="60" height="50" rx="3" fill="#3498db" opacity="0.06" stroke="white" stroke-width="1"/>
|
|
<text x="200" y="285" fill="#999" font-size="11" text-anchor="middle">.05</text>
|
|
<rect x="230" y="255" width="60" height="50" rx="3" fill="#3498db" opacity="0.05" stroke="white" stroke-width="1"/>
|
|
<text x="260" y="285" fill="#999" font-size="11" text-anchor="middle">.04</text>
|
|
<rect x="290" y="255" width="60" height="50" rx="3" fill="#3498db" opacity="0.75" stroke="white" stroke-width="1"/>
|
|
<text x="320" y="285" fill="white" font-size="11" text-anchor="middle">.83</text>
|
|
<rect x="350" y="255" width="60" height="50" rx="3" fill="#3498db" opacity="0.06" stroke="white" stroke-width="1"/>
|
|
<text x="380" y="285" fill="#999" font-size="11" text-anchor="middle">.06</text>
|
|
|
|
<!-- Row 5: "well" -->
|
|
<rect x="110" y="315" width="60" height="50" rx="3" fill="#3498db" opacity="0.04" stroke="white" stroke-width="1"/>
|
|
<text x="140" y="345" fill="#999" font-size="11" text-anchor="middle">.03</text>
|
|
<rect x="170" y="315" width="60" height="50" rx="3" fill="#3498db" opacity="0.04" stroke="white" stroke-width="1"/>
|
|
<text x="200" y="345" fill="#999" font-size="11" text-anchor="middle">.02</text>
|
|
<rect x="230" y="315" width="60" height="50" rx="3" fill="#3498db" opacity="0.04" stroke="white" stroke-width="1"/>
|
|
<text x="260" y="345" fill="#999" font-size="11" text-anchor="middle">.03</text>
|
|
<rect x="290" y="315" width="60" height="50" rx="3" fill="#3498db" opacity="0.08" stroke="white" stroke-width="1"/>
|
|
<text x="320" y="345" fill="#999" font-size="11" text-anchor="middle">.06</text>
|
|
<rect x="350" y="315" width="60" height="50" rx="3" fill="#3498db" opacity="0.75" stroke="white" stroke-width="1"/>
|
|
<text x="380" y="345" fill="white" font-size="11" text-anchor="middle">.86</text>
|
|
</svg> |
