Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
projs
/
mermaid-go
2
0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Gałąź: main
Gałęzie Tagi
mermaid-go
/
output
/
pie_chart.svg

pie_chart.svg 2.5 KB
Bezpośredni odnośnik Historia Czysty

123456789101112131415161718 
  1. <?xml version="1.0" encoding="UTF-8"?>
    2. 

  2. <svg viewBox="0 0 712 450" width="712" height="450" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    3. 

  3. <defs>
    4. 

  4. 

  5. <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
    6. 

  6.   <polygon points="0 0, 10 3.5, 0 7" fill="#333"/>
    7. 

  7. </marker>
    8. 

  8. <marker id="arrowheadWhite" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
    9. 

  9.   <polygon points="0 0, 10 3.5, 0 7" fill="#fff"/>
    10. 

  10. </marker>
    11. 

  11. </defs>
    12. 

  12. <style>
    13. 

  13. .pieOuterCircle { fill: none; stroke: #333; stroke-width: 2; }
    14. 

  14. .pieCircle { stroke: #fff; stroke-width: 2; }
    15. 

  15. .slice { font-family: Arial, sans-serif; font-size: 14px; fill: #fff; font-weight: bold; }
    16. 

  16. .pieTitleText { font-family: Arial, sans-serif; font-size: 20px; font-weight: bold; fill: #333; }
    17. 

  17. .legend { font-family: Arial, sans-serif; font-size: 14px; fill: #333; }
    18. 

  18. </style><g transform="translate(225,225)"><circle cx="0" cy="0" r="186" class="pieOuterCircle"/><path d="M 0 0 L 185 0 A 185 185 0 0 1 -175.9454555146034 57.16814395936529 Z" fill="#ff6b6b" class="pieCircle"/><text x="20.258263222709903" y="127.90564010707033" text-anchor="middle" class="slice">45%</text><path d="M 0 0 L -175.9454555146034 57.16814395936529 A 185 185 0 0 1 -3.3983948676339004e-14 -185 Z" fill="#4ecdc4" class="pieCircle"/><text x="-104.7677007715557" y="-76.11819017187526" text-anchor="middle" class="slice">30%</text><path d="M 0 0 L -3.3983948676339004e-14 -185 A 185 185 0 0 1 149.66814395936527 -108.74027167410755 Z" fill="#45b7d1" class="pieCircle"/><text x="58.79176971627129" y="-115.38534488239364" text-anchor="middle" class="slice">15%</text><path d="M 0 0 L 149.66814395936527 -108.74027167410755 A 185 185 0 0 1 185 -4.5311931568452005e-14 Z" fill="#96ceb4" class="pieCircle"/><text x="123.16181886022238" y="-40.01770077155572" text-anchor="middle" class="slice">10%</text></g><text x="400" y="25" text-anchor="middle" class="pieTitleText">Market Share 2024</text><rect x="490" y="172" width="18" height="18" fill="#ff6b6b" stroke="#ff6b6b"/><text x="512" y="186" class="legend">Company A [45]</text><rect x="490" y="194" width="18" height="18" fill="#4ecdc4" stroke="#4ecdc4"/><text x="512" y="208" class="legend">Company B [30]</text><rect x="490" y="216" width="18" height="18" fill="#45b7d1" stroke="#45b7d1"/><text x="512" y="230" class="legend">Company C [15]</text><rect x="490" y="238" width="18" height="18" fill="#96ceb4" stroke="#96ceb4"/><text x="512" y="252" class="legend">Others [10]</text></svg>
    19.