legend.html

<svg width="170.5" height="28.483322143554688" style="display: block; overflow: visible;">
	<g>
		<rect width="170" height="13" style="fill: url(&quot;#g-gdqp&quot;); shape-rendering: crispEdges;">
		</rect>
		<g class="labels" aria-hidden="true" transform="translate(0,16)">
			<text class="min" transform="translate(0,0)" style="text-anchor: start; dominant-baseline: hanging; fill: black; ">
				<tspan x="0" dy="0">0</tspan>
			</text>
			<text class="max" transform="translate(170,0)">
				<tspan x="0" dy="0">2,542</tspan>
			</text>
		</g>
		<g class="highlight" aria-hidden="true">
			<path class="triangle" d="M-5,0 L 5,0 L 0,-7 Z" transform="translate(0,20)"></path>
			<g class="text" transform="translate(0,25)">
				<text></text>
			</g>
		</g>
	</g>
	<defs>
		<linearGradient id="g-gdqp" x2="1" y2="0">
			<stop offset="0%" stop-color="rgb(250, 233, 158)"></stop>
			<stop offset="6.25%" stop-color="rgb(249, 222, 118)"></stop>
			<stop offset="12.5%" stop-color="rgb(247, 211, 73)"></stop>
			<stop offset="18.75%" stop-color="rgb(246, 198, 37)"></stop>
			<stop offset="25%" stop-color="rgb(250, 181, 53)"></stop>
			<stop offset="31.25%" stop-color="rgb(254, 163, 64)"></stop>
			<stop offset="37.5%" stop-color="rgb(253, 149, 59)"></stop>
			<stop offset="43.75%" stop-color="rgb(249, 137, 47)"></stop>
			<stop offset="50%" stop-color="rgb(245, 125, 34)"></stop>
			<stop offset="56.25%" stop-color="rgb(228, 93, 95)"></stop>
			<stop offset="62.5%" stop-color="rgb(206, 57, 141)"></stop>
			<stop offset="68.75%" stop-color="rgb(181, 20, 164)"></stop>
			<stop offset="75%" stop-color="rgb(160, 18, 145)"></stop>
			<stop offset="81.25%" stop-color="rgb(140, 16, 126)"></stop>
			<stop offset="87.5%" stop-color="rgb(112, 28, 100)"></stop>
			<stop offset="93.75%" stop-color="rgb(80, 35, 71)"></stop>
			<stop offset="100%" stop-color="rgb(50, 35, 44)"></stop>
		</linearGradient>
	</defs>
</svg>