facet-wrap.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 288" width="700" height="288" font-family="system-ui, -apple-system, sans-serif">
<rect width="100%" height="100%" fill="white"/>
<line x1="60" y1="246.20" x2="225" y2="246.20" stroke="#ecf0f1" stroke-width="1"/>
<line x1="60" y1="66" x2="60" y2="246.20" stroke="#ecf0f1" stroke-width="1"/>
<text x="67.50" y="261.20" text-anchor="middle" fill="#7f8c8d" font-size="11">0.0</text>
<text x="117.50" y="261.20" text-anchor="middle" fill="#7f8c8d" font-size="11">1.0</text>
<text x="167.50" y="261.20" text-anchor="middle" fill="#7f8c8d" font-size="11">2.0</text>
<text x="217.50" y="261.20" text-anchor="middle" fill="#7f8c8d" font-size="11">3.0</text>
<text x="54" y="241.68" text-anchor="end" fill="#7f8c8d" font-size="11">0.0</text>
<text x="54" y="190.48" text-anchor="end" fill="#7f8c8d" font-size="11">5.0</text>
<text x="54" y="139.29" text-anchor="end" fill="#7f8c8d" font-size="11">10.0</text>
<text x="54" y="88.10" text-anchor="end" fill="#7f8c8d" font-size="11">15.0</text>
<circle cx="67.50" cy="227.77" r="3" fill="#3498db"/>
<circle cx="117.50" cy="197.05" r="3" fill="#3498db"/>
<circle cx="167.50" cy="145.86" r="3" fill="#3498db"/>
<circle cx="217.50" cy="74.19" r="3" fill="#3498db"/>
<text x="142.50" y="62" text-anchor="middle" fill="#555555" font-size="11">A</text>
<line x1="235" y1="246.20" x2="400" y2="246.20" stroke="#ecf0f1" stroke-width="1"/>
<line x1="235" y1="66" x2="235" y2="246.20" stroke="#ecf0f1" stroke-width="1"/>
<text x="242.50" y="261.20" text-anchor="middle" fill="#7f8c8d" font-size="11">0.0</text>
<text x="292.50" y="261.20" text-anchor="middle" fill="#7f8c8d" font-size="11">1.0</text>
<text x="342.50" y="261.20" text-anchor="middle" fill="#7f8c8d" font-size="11">2.0</text>
<text x="392.50" y="261.20" text-anchor="middle" fill="#7f8c8d" font-size="11">3.0</text>
<text x="229" y="241.68" text-anchor="end" fill="#7f8c8d" font-size="11">0.0</text>
<text x="229" y="190.48" text-anchor="end" fill="#7f8c8d" font-size="11">5.0</text>
<text x="229" y="139.29" text-anchor="end" fill="#7f8c8d" font-size="11">10.0</text>
<text x="229" y="88.10" text-anchor="end" fill="#7f8c8d" font-size="11">15.0</text>
<circle cx="242.50" cy="238.01" r="3" fill="#3498db"/>
<circle cx="292.50" cy="217.53" r="3" fill="#3498db"/>
<circle cx="342.50" cy="197.05" r="3" fill="#3498db"/>
<circle cx="392.50" cy="176.58" r="3" fill="#3498db"/>
<text x="317.50" y="62" text-anchor="middle" fill="#555555" font-size="11">B</text>
<line x1="410" y1="246.20" x2="575" y2="246.20" stroke="#ecf0f1" stroke-width="1"/>
<line x1="410" y1="66" x2="410" y2="246.20" stroke="#ecf0f1" stroke-width="1"/>
<text x="417.50" y="261.20" text-anchor="middle" fill="#7f8c8d" font-size="11">0.0</text>
<text x="467.50" y="261.20" text-anchor="middle" fill="#7f8c8d" font-size="11">1.0</text>
<text x="517.50" y="261.20" text-anchor="middle" fill="#7f8c8d" font-size="11">2.0</text>
<text x="567.50" y="261.20" text-anchor="middle" fill="#7f8c8d" font-size="11">3.0</text>
<text x="404" y="241.68" text-anchor="end" fill="#7f8c8d" font-size="11">0.0</text>
<text x="404" y="190.48" text-anchor="end" fill="#7f8c8d" font-size="11">5.0</text>
<text x="404" y="139.29" text-anchor="end" fill="#7f8c8d" font-size="11">10.0</text>
<text x="404" y="88.10" text-anchor="end" fill="#7f8c8d" font-size="11">15.0</text>
<circle cx="417.50" cy="186.82" r="3" fill="#3498db"/>
<circle cx="467.50" cy="197.05" r="3" fill="#3498db"/>
<circle cx="517.50" cy="207.29" r="3" fill="#3498db"/>
<circle cx="567.50" cy="217.53" r="3" fill="#3498db"/>
<text x="492.50" y="62" text-anchor="middle" fill="#555555" font-size="11">C</text>
<text x="317.50" y="26" text-anchor="middle" fill="#7f8c8d" font-size="14">Faceted by series</text>
<rect x="595" y="39" width="12" height="12" fill="#3498db"/>
<text x="611" y="49" text-anchor="start" fill="#7f8c8d" font-size="11">series 0</text>
</svg>