---
source: src/diagrams/pie/renderer.rs
expression: "crate::svg::normalize_floats(&svg)"
---
<svg id="mermaid-pie" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" font-family="Arial, sans-serif" viewBox="0 0 551.719 450" style="max-width: 551.719px;" role="graphics-document document" aria-roledescription="pie"><g></g><g transform="translate(225,225)"><circle cx="0" cy="0" r="186" stroke="black" stroke-width="2" fill="none" class="pieOuterCircle"></circle><path d="M0,-185A185,185,0,1,1,-177.899,-50.763L0,0Z" fill="#ECECFF" stroke="black" stroke-width="2" opacity="0.7" class="pieCircle"></path><path d="M-177.899,-50.763A185,185,0,0,1,-35.652,-181.532L0,0Z" fill="#ffffde" stroke="black" stroke-width="2" opacity="0.7" class="pieCircle"></path><path d="M-35.652,-181.532A185,185,0,0,1,-0,-185L0,0Z" fill="hsl(80, 100%, 56.275%)" stroke="black" stroke-width="2" opacity="0.7" class="pieCircle"></path><text transform="translate(83.573,110.757)" text-anchor="middle" font-size="17px" fill="#333333" class="slice">79%</text><text transform="translate(-93.903,-102.146)" text-anchor="middle" font-size="17px" fill="#333333" class="slice">17%</text><text transform="translate(-13.433,-138.098)" text-anchor="middle" font-size="17px" fill="#333333" class="slice">3%</text><text x="0" y="-200" text-anchor="middle" font-size="25px" fill="#333333" class="pieTitleText">Pets</text><g class="legend" transform="translate(216,-33)"><rect width="18" height="18" style="fill: #ECECFF; stroke: #ECECFF;"></rect><text x="22" y="14" fill="#333333" font-size="17px">Dogs</text></g><g class="legend" transform="translate(216,-11)"><rect width="18" height="18" style="fill: #ffffde; stroke: #ffffde;"></rect><text x="22" y="14" fill="#333333" font-size="17px">Cats</text></g><g class="legend" transform="translate(216,11)"><rect width="18" height="18" style="fill: hsl(80, 100%, 56.275%); stroke: hsl(80, 100%, 56.275%);"></rect><text x="22" y="14" fill="#333333" font-size="17px">Rats</text></g></g></svg>
