1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
|
<svg viewBox="0 0 576 113.76">
<path d="M 68.22875 70.705312 L 560.62 70.705312 L 560.62 27.136406 L 68.22875 27.136406 z" class="m-background"/>
<path d="M 68.22875 29.116811 L 482.89476 29.116811 L 482.89476 46.72041 L 68.22875 46.72041 z" class="m-bar m-warning"/>
<path d="M 68.22875 51.121309 L 403.676117 51.121309 L 403.676117 68.724908 L 68.22875 68.724908 z" class="m-bar m-primary"/>
<defs><path d="M 0 0 L 0 3.5" id="m15f0a304df" class="m-line"/></defs>
<use x="68.22875" xlink:href="#m15f0a304df" y="70.705312"/>
<text class="m-label" style="text-anchor:middle;" transform="rotate(-0, 68.22875, 85.537656)" x="68.22875" y="85.537656">0</text>
<use x="144.036065" xlink:href="#m15f0a304df" y="70.705312"/>
<text class="m-label" style="text-anchor:middle;" transform="rotate(-0, 144.036065, 85.537656)" x="144.036065" y="85.537656">20</text>
<use x="219.843379" xlink:href="#m15f0a304df" y="70.705312"/>
<text class="m-label" style="text-anchor:middle;" transform="rotate(-0, 219.843379, 85.537656)" x="219.843379" y="85.537656">40</text>
<use x="295.650694" xlink:href="#m15f0a304df" y="70.705312"/>
<text class="m-label" style="text-anchor:middle;" transform="rotate(-0, 295.650694, 85.537656)" x="295.650694" y="85.537656">60</text>
<use x="371.458008" xlink:href="#m15f0a304df" y="70.705312"/>
<text class="m-label" style="text-anchor:middle;" transform="rotate(-0, 371.458008, 85.537656)" x="371.458008" y="85.537656">80</text>
<use x="447.265323" xlink:href="#m15f0a304df" y="70.705312"/>
<text class="m-label" style="text-anchor:middle;" transform="rotate(-0, 447.265323, 85.537656)" x="447.265323" y="85.537656">100</text>
<use x="523.072637" xlink:href="#m15f0a304df" y="70.705312"/>
<text class="m-label" style="text-anchor:middle;" transform="rotate(-0, 523.072637, 85.537656)" x="523.072637" y="85.537656">120</text>
<text class="m-label" style="text-anchor:middle;" transform="rotate(-0, 314.424375, 99.625)" x="314.424375" y="99.625">km/h</text>
<defs><path d="M 0 0 L -3.5 0" id="mba4ce04b6c" class="m-line"/></defs>
<use x="68.22875" xlink:href="#mba4ce04b6c" y="37.91861"/>
<text class="m-label" style="text-anchor:end;" transform="rotate(-0, 61.22875, 41.834782)" x="61.22875" y="41.834782">Cheetah</text>
<use x="68.22875" xlink:href="#mba4ce04b6c" y="59.923108"/>
<text class="m-label" style="text-anchor:end;" transform="rotate(-0, 61.22875, 63.83928)" x="61.22875" y="63.83928">Pronghorn</text>
<path d="M 428.616723 37.91861 L 537.172798 37.91861" class="m-error"/>
<path d="M 382.829105 59.923108 L 424.523128 59.923108" class="m-error"/>
<defs><path d="M 0 5 L 0 -5" id="m468f9279d6" class="m-error"/></defs>
<use x="428.616723" xlink:href="#m468f9279d6" y="37.91861"/>
<use x="382.829105" xlink:href="#m468f9279d6" y="59.923108"/>
<use x="537.172798" xlink:href="#m468f9279d6" y="37.91861"/>
<use x="424.523128" xlink:href="#m468f9279d6" y="59.923108"/>
<text class="m-title" style="text-anchor:middle;" transform="rotate(-0, 314.424375, 21.136406)" x="314.424375" y="21.136406">Fastest animals</text>
</svg>
|