granite-0.7.1.1: test/golden/plotly-heatmap-annotated.svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 256" width="480" height="256" font-family="system-ui, -apple-system, sans-serif">
<rect width="100%" height="100%" fill="white"/>
<line x1="55" y1="228.20" x2="460" y2="228.20" stroke="#ecf0f1" stroke-width="1"/>
<line x1="55" y1="34" x2="55" y2="228.20" stroke="#ecf0f1" stroke-width="1"/>
<text x="104.09" y="243.20" text-anchor="middle" fill="#7f8c8d" font-size="11">0.0</text>
<text x="257.50" y="243.20" text-anchor="middle" fill="#7f8c8d" font-size="11">2.0</text>
<text x="410.91" y="243.20" text-anchor="middle" fill="#7f8c8d" font-size="11">4.0</text>
<text x="49" y="208.33" text-anchor="end" fill="#7f8c8d" font-size="11">0.0</text>
<text x="49" y="134.77" text-anchor="end" fill="#7f8c8d" font-size="11">2.0</text>
<text x="49" y="61.21" text-anchor="end" fill="#7f8c8d" font-size="11">4.0</text>
<rect x="65.74" y="186.27" width="76.70" height="36.78" fill="#2ecc71"/>
<rect x="65.74" y="149.49" width="76.70" height="36.78" fill="#2ecc71"/>
<rect x="65.74" y="112.71" width="76.70" height="36.78" fill="#1abc9c"/>
<rect x="65.74" y="75.93" width="76.70" height="36.78" fill="#3498db"/>
<rect x="65.74" y="39.15" width="76.70" height="36.78" fill="#2980b9"/>
<rect x="142.44" y="186.27" width="76.70" height="36.78" fill="#f1c40f"/>
<rect x="142.44" y="149.49" width="76.70" height="36.78" fill="#f1c40f"/>
<rect x="142.44" y="112.71" width="76.70" height="36.78" fill="#2ecc71"/>
<rect x="142.44" y="75.93" width="76.70" height="36.78" fill="#1abc9c"/>
<rect x="142.44" y="39.15" width="76.70" height="36.78" fill="#3498db"/>
<rect x="219.15" y="186.27" width="76.70" height="36.78" fill="#e74c3c"/>
<rect x="219.15" y="149.49" width="76.70" height="36.78" fill="#e74c3c"/>
<rect x="219.15" y="112.71" width="76.70" height="36.78" fill="#f1c40f"/>
<rect x="219.15" y="75.93" width="76.70" height="36.78" fill="#2ecc71"/>
<rect x="219.15" y="39.15" width="76.70" height="36.78" fill="#1abc9c"/>
<rect x="295.85" y="186.27" width="76.70" height="36.78" fill="#e74c3c"/>
<rect x="295.85" y="149.49" width="76.70" height="36.78" fill="#e74c3c"/>
<rect x="295.85" y="112.71" width="76.70" height="36.78" fill="#f1c40f"/>
<rect x="295.85" y="75.93" width="76.70" height="36.78" fill="#2ecc71"/>
<rect x="295.85" y="39.15" width="76.70" height="36.78" fill="#1abc9c"/>
<rect x="372.56" y="186.27" width="76.70" height="36.78" fill="#e74c3c"/>
<rect x="372.56" y="149.49" width="76.70" height="36.78" fill="#e74c3c"/>
<rect x="372.56" y="112.71" width="76.70" height="36.78" fill="#f1c40f"/>
<rect x="372.56" y="75.93" width="76.70" height="36.78" fill="#2ecc71"/>
<rect x="372.56" y="39.15" width="76.70" height="36.78" fill="#1abc9c"/>
<text x="104.09" y="204.66" text-anchor="middle" fill="#9b59b6" font-size="11">1.0</text>
<text x="104.09" y="167.88" text-anchor="middle" fill="#9b59b6" font-size="11">0.9</text>
<text x="104.09" y="131.10" text-anchor="middle" fill="#9b59b6" font-size="11">0.5</text>
<text x="104.09" y="94.32" text-anchor="middle" fill="#9b59b6" font-size="11">0.1</text>
<text x="104.09" y="57.54" text-anchor="middle" fill="#9b59b6" font-size="11">-0.4</text>
<text x="180.80" y="204.66" text-anchor="middle" fill="#9b59b6" font-size="11">1.5</text>
<text x="180.80" y="167.88" text-anchor="middle" fill="#9b59b6" font-size="11">1.4</text>
<text x="180.80" y="131.10" text-anchor="middle" fill="#9b59b6" font-size="11">1.0</text>
<text x="180.80" y="94.32" text-anchor="middle" fill="#9b59b6" font-size="11">0.6</text>
<text x="180.80" y="57.54" text-anchor="middle" fill="#9b59b6" font-size="11">0.1</text>
<text x="257.50" y="204.66" text-anchor="middle" fill="#9b59b6" font-size="11">1.8</text>
<text x="257.50" y="167.88" text-anchor="middle" fill="#9b59b6" font-size="11">1.7</text>
<text x="257.50" y="131.10" text-anchor="middle" fill="#9b59b6" font-size="11">1.4</text>
<text x="257.50" y="94.32" text-anchor="middle" fill="#9b59b6" font-size="11">0.9</text>
<text x="257.50" y="57.54" text-anchor="middle" fill="#9b59b6" font-size="11">0.4</text>
<text x="334.20" y="204.66" text-anchor="middle" fill="#9b59b6" font-size="11">2.0</text>
<text x="334.20" y="167.88" text-anchor="middle" fill="#9b59b6" font-size="11">1.9</text>
<text x="334.20" y="131.10" text-anchor="middle" fill="#9b59b6" font-size="11">1.5</text>
<text x="334.20" y="94.32" text-anchor="middle" fill="#9b59b6" font-size="11">1.1</text>
<text x="334.20" y="57.54" text-anchor="middle" fill="#9b59b6" font-size="11">0.6</text>
<text x="410.91" y="204.66" text-anchor="middle" fill="#9b59b6" font-size="11">1.9</text>
<text x="410.91" y="167.88" text-anchor="middle" fill="#9b59b6" font-size="11">1.8</text>
<text x="410.91" y="131.10" text-anchor="middle" fill="#9b59b6" font-size="11">1.4</text>
<text x="410.91" y="94.32" text-anchor="middle" fill="#9b59b6" font-size="11">1.0</text>
<text x="410.91" y="57.54" text-anchor="middle" fill="#9b59b6" font-size="11">0.5</text>
<text x="257.50" y="26" text-anchor="middle" fill="#7f8c8d" font-size="14">Annotated heatmap</text>
</svg>