butterfly/moxie-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix fig3 donut chart: green slice was 45% instead of 5% due to wrong arc endpoint coords

Browse Source
This commit is contained in:
Z User 2026-07-17 23:41:21 +00:00
parent 1905559cb8
commit 330c3512f1
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
index.html
View File

@ -1633,13 +1633,13 @@
<h3>Figure 3: Memory Efficiency Breakdown</h3> <h3>Figure 3: Memory Efficiency Breakdown</h3>
<div style="text-align:center; margin:1.5rem 0;"> <div style="text-align:center; margin:1.5rem 0;">
<svg viewBox="0 0 500 320" xmlns="http://www.w3.org/2000/svg" style="max-width:480px; width:100%; height:auto;"> <svg viewBox="0 0 500 320" xmlns="http://www.w3.org/2000/svg" style="max-width:480px; width:100%; height:auto;">
<!-- Donut chart using arc paths for precise control --> <!-- Donut chart: Center 250,165. Outer R=130, Inner R=75 -->
<!-- Center: 250,165. Outer R=130, Inner R=75, Mid R=102.5 --> <!-- Traditional: 940/987=95.2% = 342.86deg clockwise from top -->
<!-- Traditional: 940/987 = 95.2% = 342.9deg, from -90deg to 252.9deg --> <!-- Endpoint at 342.86deg: outer (211.7, 40.8), inner (227.9, 93.3) -->
<path d="M 250 35 A 130 130 0 1 1 210.6 289.7 L 227.7 246.3 A 85 85 0 1 0 250 80 Z" <path d="M 250 35 A 130 130 0 1 1 211.7 40.8 L 227.9 93.3 A 75 75 0 1 0 250 90 Z"
fill="#1e3a5f" opacity="0.9"/> fill="#1e3a5f" opacity="0.9"/>
<!-- Moxiegen: 47/987 = 4.8% = 17.1deg, from 252.9deg to 270deg (-90deg) --> <!-- Moxiegen: 47/987=4.8% = 17.14deg -->
<path d="M 210.6 289.7 A 130 130 0 0 1 250 35 L 250 80 A 85 85 0 0 0 227.7 246.3 Z" <path d="M 211.7 40.8 A 130 130 0 0 1 250 35 L 250 90 A 75 75 0 0 0 227.9 93.3 Z"
fill="#34d399"/> fill="#34d399"/>
<!-- Center circle (hole) --> <!-- Center circle (hole) -->
<circle cx="250" cy="165" r="75" fill="#0f172a"/> <circle cx="250" cy="165" r="75" fill="#0f172a"/>