---
source: src/diagrams/quadrant/renderer.rs
expression: "crate::svg::normalize_floats(&svg)"
---
<svg id="mermaid-quadrant" width="100%" xmlns="http://www.w3.org/2000/svg" font-family="Arial, sans-serif" viewBox="0 0 500 500" style="max-width:500px;" role="graphics-document document" aria-roledescription="quadrantChart">
<g class="main">
<g class="quadrants">
<g class="quadrant"><rect x="263" y="45" width="232" height="212" fill="#ECECFF"></rect><text x="0" y="0" fill="#333333" font-size="16" dominant-baseline="hanging" text-anchor="middle" transform="translate(379, 50)">We should expand</text></g>
<g class="quadrant"><rect x="31" y="45" width="232" height="212" fill="#f1f1ff"></rect><text x="0" y="0" fill="#333333" font-size="16" dominant-baseline="hanging" text-anchor="middle" transform="translate(147, 50)">Need to promote</text></g>
<g class="quadrant"><rect x="31" y="257" width="232" height="212" fill="#f6f6ff"></rect><text x="0" y="0" fill="#333333" font-size="16" dominant-baseline="hanging" text-anchor="middle" transform="translate(147, 262)">Re-evaluate</text></g>
<g class="quadrant"><rect x="263" y="257" width="232" height="212" fill="#fbfbff"></rect><text x="0" y="0" fill="#333333" font-size="16" dominant-baseline="hanging" text-anchor="middle" transform="translate(379, 262)">May be improved</text></g>
</g>
<g class="border">
<line x1="30" y1="45" x2="496" y2="45" style="stroke: #333333; stroke-width: 2;"></line>
<line x1="495" y1="46" x2="495" y2="468" style="stroke: #333333; stroke-width: 2;"></line>
<line x1="30" y1="469" x2="496" y2="469" style="stroke: #333333; stroke-width: 2;"></line>
<line x1="31" y1="46" x2="31" y2="468" style="stroke: #333333; stroke-width: 2;"></line>
<line x1="263" y1="46" x2="263" y2="468" style="stroke: #333333; stroke-width: 1;"></line>
<line x1="32" y1="257" x2="494" y2="257" style="stroke: #333333; stroke-width: 1;"></line>
</g>
<g class="data-points">
<g class="data-point"><circle cx="170.2" cy="214.6" r="5" fill="#333333" stroke="#333333" stroke-width="0px"></circle><text x="0" y="0" fill="#333333" font-size="12" dominant-baseline="hanging" text-anchor="middle" transform="translate(170.2, 219.6)">Campaign A</text></g>
<g class="data-point"><circle cx="239.8" cy="371.48" r="5" fill="#333333" stroke="#333333" stroke-width="0px"></circle><text x="0" y="0" fill="#333333" font-size="12" dominant-baseline="hanging" text-anchor="middle" transform="translate(239.8, 376.48)">Campaign B</text></g>
<g class="data-point"><circle cx="295.48" cy="176.44" r="5" fill="#333333" stroke="#333333" stroke-width="0px"></circle><text x="0" y="0" fill="#333333" font-size="12" dominant-baseline="hanging" text-anchor="middle" transform="translate(295.48, 181.44)">Campaign C</text></g>
<g class="data-point"><circle cx="392.92" cy="324.84" r="5" fill="#333333" stroke="#333333" stroke-width="0px"></circle><text x="0" y="0" fill="#333333" font-size="12" dominant-baseline="hanging" text-anchor="middle" transform="translate(392.92, 329.84)">Campaign D</text></g>
<g class="data-point"><circle cx="216.6" cy="324.84" r="5" fill="#333333" stroke="#333333" stroke-width="0px"></circle><text x="0" y="0" fill="#333333" font-size="12" dominant-baseline="hanging" text-anchor="middle" transform="translate(216.6, 329.84)">Campaign E</text></g>
<g class="data-point"><circle cx="193.4" cy="138.28" r="5" fill="#333333" stroke="#333333" stroke-width="0px"></circle><text x="0" y="0" fill="#333333" font-size="12" dominant-baseline="hanging" text-anchor="middle" transform="translate(193.4, 143.28)">Campaign F</text></g>
</g>
<g class="labels">
<g class="label"><text x="0" y="0" fill="#333333" font-size="16" dominant-baseline="hanging" text-anchor="middle" transform="translate(147, 479)">Low Reach</text></g>
<g class="label"><text x="0" y="0" fill="#333333" font-size="16" dominant-baseline="hanging" text-anchor="middle" transform="translate(379, 479)">High Reach</text></g>
<g class="label"><text x="0" y="0" fill="#333333" font-size="16" dominant-baseline="hanging" text-anchor="middle" transform="translate(5, 363) rotate(-90)">Low Engagement</text></g>
<g class="label"><text x="0" y="0" fill="#333333" font-size="16" dominant-baseline="hanging" text-anchor="middle" transform="translate(5, 151) rotate(-90)">High Engagement</text></g>
</g>
<g class="title">
<text x="0" y="0" fill="#333333" font-size="20" dominant-baseline="hanging" text-anchor="middle" transform="translate(250, 10)">Reach and engagement of campaigns</text>
</g>
</g>
</svg>
