github.com/anth0d/nomad@v0.0.0-20221214183521-ae3a0a2cad06/ui/app/templates/components/gauge-chart.hbs (about)

     1  <svg data-test-gauge-svg role="img" height={{this.height}} title="gauge chart">
     2    <defs>
     3      <linearGradient x1="0" x2="1" y1="0" y2="0" class="{{this.chartClass}}" id="{{this.fillId}}">
     4        <stop class="start" offset="0%" />
     5        <stop class="end" offset="100%" />
     6      </linearGradient>
     7      <clipPath id="{{this.maskId}}">
     8        <path class="fill" d="{{this.valueArc}}" />
     9      </clipPath>
    10    </defs>
    11    <g class="canvas {{this.chartClass}}">
    12      <path class="background" d="{{this.backgroundArc}}" />
    13      <rect class="area" x="0" y="0" width="100%" height="100%" fill="url(#{{this.fillId}})" clip-path="url(#{{this.maskId}})" />
    14    </g>
    15  </svg>
    16  <div class="metric">
    17    <h3 data-test-label class="label">{{this.label}}</h3>
    18    <p data-test-percentage class="value">{{format-percentage this.value total=this.total complement=this.complement}}</p>
    19  </div>