---
source: src/diagrams/treemap/renderer.rs
expression: "crate::svg::normalize_floats(&svg)"
---
<svg xmlns="http://www.w3.org/2000/svg" font-family="Arial, sans-serif" width="100%" style="max-width: 996px;" viewBox="2 27 996 371" role="graphics-document" class="flowchart"><g transform="translate(0, 0)" class="treemapContainer"><g class="treemapSection" transform="translate(0,0)"><rect width="1000" height="25" class="treemapSectionHeader" fill="none" fill-opacity="0.6" stroke-width="0.6" style="display: none;"></rect><clipPath id="clip-section-mermaid-svg-0-0"><rect width="988" height="25"></rect></clipPath><rect width="1000" height="400" class="treemapSection section0" fill="transparent" fill-opacity="0.6" stroke="transparent" stroke-width="2" stroke-opacity="0.4" style="display: none;"></rect><text class="treemapSectionLabel" x="6" y="12.5" dominant-baseline="middle" font-weight="bold" style="display: none;"></text><text class="treemapSectionValue" x="990" y="12.5" text-anchor="end" dominant-baseline="middle" font-style="italic" style="display: none;">2,500</text></g><g class="treemapNode treemapLeafGroup leaf0x" transform="translate(10,35)"><rect width="465" height="355" class="treemapLeaf" fill="transparent" style="" fill-opacity="0.3" stroke="transparent" stroke-width="3"></rect><clipPath id="clip-mermaid-svg-0-0"><rect width="461" height="351"></rect></clipPath><text class="treemapLabel" x="232.5" y="177.5" style="text-anchor: middle; dominant-baseline: middle; font-size: 38px;fill:#ffffff;" clip-path="url(#clip-mermaid-svg-0-0)">Videos</text><text class="treemapValue" x="232.5" y="198.5" style="text-anchor: middle; dominant-baseline: hanging; font-size: 23px; fill: #ffffff;" clip-path="url(#clip-mermaid-svg-0-0)">1,200</text></g><g class="treemapNode treemapLeafGroup leaf1x" transform="translate(485,35)"><rect width="307" height="355" class="treemapLeaf" fill="transparent" style="" fill-opacity="0.3" stroke="transparent" stroke-width="3"></rect><clipPath id="clip-mermaid-svg-0-1"><rect width="303" height="351"></rect></clipPath><text class="treemapLabel" x="153.5" y="177.5" style="text-anchor: middle; dominant-baseline: middle; font-size: 38px;fill:black;" clip-path="url(#clip-mermaid-svg-0-1)">Pictures</text><text class="treemapValue" x="153.5" y="198.5" style="text-anchor: middle; dominant-baseline: hanging; font-size: 23px; fill: black;" clip-path="url(#clip-mermaid-svg-0-1)">800</text></g><g class="treemapNode treemapLeafGroup leaf2x" transform="translate(802,35)"><rect width="188" height="355" class="treemapLeaf" fill="transparent" style="" fill-opacity="0.3" stroke="transparent" stroke-width="3"></rect><clipPath id="clip-mermaid-svg-0-2"><rect width="184" height="351"></rect></clipPath><text class="treemapLabel" x="94" y="177.5" style="text-anchor: middle; dominant-baseline: middle; font-size: 38px;fill:black;" clip-path="url(#clip-mermaid-svg-0-2)">Documents</text><text class="treemapValue" x="94" y="198.5" style="text-anchor: middle; dominant-baseline: hanging; font-size: 23px; fill: black;" clip-path="url(#clip-mermaid-svg-0-2)">500</text></g></g></svg>
