sieben_tages_inzidenz_germany.php

Quell Code

<h1 style="color:white">7-Tage-Inzidenz</h1>

<svg id="tacho_svg" viewBox="-250 -250 500 300" width="320" height="200">
   <defs>
        <style>
            line {
                stroke: white;
                stroke-width: 3px;
            }
          text {
                fill: white;
                text-anchor: middle;
                font-size: 22px;
                font-family: sans-serif;
            }
          #id {
                display: none;
            }
         rect {
                fill: transparent;
            }
          </style>
  </defs>
          
  
    <circle id="red_arc" class="bar red" r="180" cx="0" cy="0" fill="transparent" stroke-dasharray="1130.97" stroke-dashoffset="565.49" transform="rotate(180 0 0)"></circle>

  
  <circle id = "yellow_arc" class="bar yellow" r="180" cx="0" cy="0" fill="transparent" stroke-dasharray="1130.97" stroke-dashoffset="565.49" transform="rotate(180 0 0)"></circle>
 
      <circle id="green_arc" class="bar green" r="180" cx="0" cy="0" fill="transparent" stroke-dasharray="1130.97" stroke-dashoffset="565.49" transform="rotate(180 0 0)"></circle>

  <g id="gauge" transform="rotate(-90)">
            <g id="noon">
                <rect x="-10" y="-220" width="20" height="100"/>
                <line x1="0" y1="-190" x2="0" y2="-180"/>
                <text x="0" y="-200"></text>
            </g>
        </g>
  
  <text id="RPM" x="0" y="-40"></text>
  <text id="rpm_scale" x="190" y="-210">200</text>
  <text id="rpm_text" x="-190" y="-210">50</text>
  <text id="rpm_hobbs" x="-180" y="40"></text>
  
  <path id="rpm_pointer" d="M0 120 L0 175" stroke-width="6" transform="rotate(172 0 0)"/>
  
</svg>