<svg id="diagram-stats-components" width="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 631.84375 450" style="min-width: 800px; background-color: white" role="graphics-document document" aria-roledescription="pie"><style>#diagram-stats-components{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#diagram-stats-components .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#diagram-stats-components .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#diagram-stats-components .error-icon{fill:#552222;}#diagram-stats-components .error-text{fill:#552222;stroke:#552222;}#diagram-stats-components .edge-thickness-normal{stroke-width:1px;}#diagram-stats-components .edge-thickness-thick{stroke-width:3.5px;}#diagram-stats-components .edge-pattern-solid{stroke-dasharray:0;}#diagram-stats-components .edge-thickness-invisible{stroke-width:0;fill:none;}#diagram-stats-components .edge-pattern-dashed{stroke-dasharray:3;}#diagram-stats-components .edge-pattern-dotted{stroke-dasharray:2;}#diagram-stats-components .marker{fill:#333333;stroke:#333333;}#diagram-stats-components .marker.cross{stroke:#333333;}#diagram-stats-components svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#diagram-stats-components p{margin:0;}#diagram-stats-components .pieCircle{stroke:black;stroke-width:2px;opacity:0.7;}#diagram-stats-components .pieOuterCircle{stroke:black;stroke-width:2px;fill:none;}#diagram-stats-components .pieTitleText{text-anchor:middle;font-size:25px;fill:black;font-family:"trebuchet ms",verdana,arial,sans-serif;}#diagram-stats-components .slice{font-family:"trebuchet ms",verdana,arial,sans-serif;fill:#333;font-size:17px;}#diagram-stats-components .legend text{fill:black;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:17px;}#diagram-stats-components :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g></g><g transform="translate(225,225)"><circle cx="0" cy="0" r="186" class="pieOuterCircle"></circle><path d="M0,-185A185,185,0,0,1,177.092,53.512L0,0Z" fill="#ECECFF" class="pieCircle"></path><path d="M177.092,53.512A185,185,0,0,1,-31.775,182.251L0,0Z" fill="#ffffde" class="pieCircle"></path><path d="M-31.775,182.251A185,185,0,0,1,-180.362,41.166L0,0Z" fill="hsl(80, 100%, 56.2745098039%)" class="pieCircle"></path><path d="M-180.362,41.166A185,185,0,0,1,-159.14,-94.338L0,0Z" fill="hsl(240, 100%, 86.2745098039%)" class="pieCircle"></path><path d="M-159.14,-94.338A185,185,0,0,1,-97.07,-157.488L0,0Z" fill="hsl(60, 100%, 63.5294117647%)" class="pieCircle"></path><path d="M-97.07,-157.488A185,185,0,0,1,-25.466,-183.239L0,0Z" fill="hsl(80, 100%, 76.2745098039%)" class="pieCircle"></path><path d="M-25.466,-183.239A185,185,0,0,1,0,-185L0,0Z" fill="hsl(300, 100%, 76.2745098039%)" class="pieCircle"></path><text transform="translate(111.40044379964495,-82.713382358855)" class="slice" style="text-anchor: middle;">30%</text><text transform="translate(72.80274768211238,118.11571626982872)" class="slice" style="text-anchor: middle;">23%</text><text transform="translate(-95.53814834887967,100.61821261614351)" class="slice" style="text-anchor: middle;">19%</text><text transform="translate(-137.07901964311358,-21.468695202151498)" class="slice" style="text-anchor: middle;">12%</text><text transform="translate(-98.95417324999528,-97.26065029810319)" class="slice" style="text-anchor: middle;">8%</text><text transform="translate(-46.95481482692184,-130.5634246815297)" class="slice" style="text-anchor: middle;">7%</text><text transform="translate(-9.572521286100118,-138.4193965317981)" class="slice" style="text-anchor: middle;">2%</text><text x="0" y="-200" class="pieTitleText"></text><g class="legend" transform="translate(216,-77)"><rect width="18" height="18" style="fill: rgb(236, 236, 255); stroke: rgb(236, 236, 255);"></rect><text x="22" y="14">form [27]</text></g><g class="legend" transform="translate(216,-55)"><rect width="18" height="18" style="fill: rgb(255, 255, 222); stroke: rgb(255, 255, 222);"></rect><text x="22" y="14">other [21]</text></g><g class="legend" transform="translate(216,-33)"><rect width="18" height="18" style="fill: rgb(181, 255, 32); stroke: rgb(181, 255, 32);"></rect><text x="22" y="14">feedback [17]</text></g><g class="legend" transform="translate(216,-11)"><rect width="18" height="18" style="fill: rgb(185, 185, 255); stroke: rgb(185, 185, 255);"></rect><text x="22" y="14">navigation [11]</text></g><g class="legend" transform="translate(216,11)"><rect width="18" height="18" style="fill: rgb(255, 255, 69); stroke: rgb(255, 255, 69);"></rect><text x="22" y="14">action [7]</text></g><g class="legend" transform="translate(216,33)"><rect width="18" height="18" style="fill: rgb(215, 255, 134); stroke: rgb(215, 255, 134);"></rect><text x="22" y="14">data-display [6]</text></g><g class="legend" transform="translate(216,55)"><rect width="18" height="18" style="fill: rgb(255, 134, 255); stroke: rgb(255, 134, 255);"></rect><text x="22" y="14">layout [2]</text></g></g></svg>