Skip to content

Instantly share code, notes, and snippets.

@jpluimers
Last active March 12, 2024 16:17
Show Gist options
  • Save jpluimers/21c299138d26bdd8e50c0ec7bdd88834 to your computer and use it in GitHub Desktop.
Save jpluimers/21c299138d26bdd8e50c0ec7bdd88834 to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="600" height="100"><desc>Created with Highcharts 3.0.2</desc><defs><linearGradient x1="0" y1="0" x2="0" y2="1" id="highcharts-1"><stop offset="0" stop-color="rgb(96,96,96)" stop-opacity="0.8"></stop><stop offset="1" stop-color="rgb(16,16,16)" stop-opacity="0.8"></stop></linearGradient><clipPath id="highcharts-2"><rect fill="none" x="0" y="0" width="524" height="64"></rect></clipPath></defs><rect rx="15" ry="15" fill="#ffffff" x="0" y="0" width="600" height="100"></rect><g class="highcharts-grid" zIndex="1"></g><g class="highcharts-grid" zIndex="1"><path fill="none" d="M 56 53.25 L 580 53.25" stroke="#E6E6E6" stroke-width="0.5" zIndex="1" opacity="1"></path><path fill="none" d="M 56 32.25 L 580 32.25" stroke="#E6E6E6" stroke-width="0.5" zIndex="1" opacity="1"></path><path fill="none" d="M 56 10.25 L 580 10.25" stroke="#E6E6E6" stroke-width="0.5" zIndex="1" opacity="1"></path><path fill="none" d="M 56 74.75 L 580 74.75" stroke="#E6E6E6" stroke-width="0.5" zIndex="1" opacity="1"></path></g><g class="highcharts-axis" zIndex="2"><path fill="none" d="M 142.5 75 L 142.5 80" stroke="#999" stroke-width="1" opacity="1"></path><path fill="none" d="M 230.5 75 L 230.5 80" stroke="#999" stroke-width="1" opacity="1"></path><path fill="none" d="M 317.5 75 L 317.5 80" stroke="#999" stroke-width="1" opacity="1"></path><path fill="none" d="M 404.5 75 L 404.5 80" stroke="#999" stroke-width="1" opacity="1"></path><path fill="none" d="M 492.5 75 L 492.5 80" stroke="#999" stroke-width="1" opacity="1"></path><path fill="none" d="M 579.5 75 L 579.5 80" stroke="#999" stroke-width="1" opacity="1"></path><path fill="none" d="M 56.5 75 L 56.5 80" stroke="#999" stroke-width="1" opacity="1"></path><path fill="none" d="M 56 74.5 L 580 74.5" stroke="#999" stroke-width="1" zIndex="7" visibility="visible"></path></g><g class="highcharts-axis" zIndex="2"></g><g class="highcharts-series-group" zIndex="3"><g class="highcharts-series" visibility="visible" zIndex="0.1" transform="translate(56,10) scale(1 1)" clip-path="url(#highcharts-2)"><path fill="none" d="M 0 21.7 L 21.833333333333332 24.5 L 43.666666666666664 24.4 L 65.5 22.4 L 87.33333333333333 24.4 L 109.16666666666667 22.5 L 131 22.4 L 152.83333333333334 21.7 L 174.66666666666666 43.4 L 196.5 22.5 L 218.33333333333334 21.7 L 240.16666666666666 21.7 L 262 22.9 L 283.8333333333333 21.7 L 305.6666666666667 23.1 L 327.5 23.2 L 349.3333333333333 23.4 L 371.1666666666667 23.6 L 393 23.5 L 414.8333333333333 23.6 L 436.6666666666667 23.7 L 458.5 23.6 L 480.3333333333333 23.1 L 502.1666666666667 24.6 L 524 22.8" stroke="black" stroke-width="5" zIndex="1" isShadow="true" stroke-opacity="0.049999999999999996" transform="translate(1, 1)"></path><path fill="none" d="M 0 21.7 L 21.833333333333332 24.5 L 43.666666666666664 24.4 L 65.5 22.4 L 87.33333333333333 24.4 L 109.16666666666667 22.5 L 131 22.4 L 152.83333333333334 21.7 L 174.66666666666666 43.4 L 196.5 22.5 L 218.33333333333334 21.7 L 240.16666666666666 21.7 L 262 22.9 L 283.8333333333333 21.7 L 305.6666666666667 23.1 L 327.5 23.2 L 349.3333333333333 23.4 L 371.1666666666667 23.6 L 393 23.5 L 414.8333333333333 23.6 L 436.6666666666667 23.7 L 458.5 23.6 L 480.3333333333333 23.1 L 502.1666666666667 24.6 L 524 22.8" stroke="black" stroke-width="3" zIndex="1" isShadow="true" stroke-opacity="0.09999999999999999" transform="translate(1, 1)"></path><path fill="none" d="M 0 21.7 L 21.833333333333332 24.5 L 43.666666666666664 24.4 L 65.5 22.4 L 87.33333333333333 24.4 L 109.16666666666667 22.5 L 131 22.4 L 152.83333333333334 21.7 L 174.66666666666666 43.4 L 196.5 22.5 L 218.33333333333334 21.7 L 240.16666666666666 21.7 L 262 22.9 L 283.8333333333333 21.7 L 305.6666666666667 23.1 L 327.5 23.2 L 349.3333333333333 23.4 L 371.1666666666667 23.6 L 393 23.5 L 414.8333333333333 23.6 L 436.6666666666667 23.7 L 458.5 23.6 L 480.3333333333333 23.1 L 502.1666666666667 24.6 L 524 22.8" stroke="black" stroke-width="1" zIndex="1" isShadow="true" stroke-opacity="0.15" transform="translate(1, 1)"></path><path fill="none" d="M 0 21.7 L 21.833333333333332 24.5 L 43.666666666666664 24.4 L 65.5 22.4 L 87.33333333333333 24.4 L 109.16666666666667 22.5 L 131 22.4 L 152.83333333333334 21.7 L 174.66666666666666 43.4 L 196.5 22.5 L 218.33333333333334 21.7 L 240.16666666666666 21.7 L 262 22.9 L 283.8333333333333 21.7 L 305.6666666666667 23.1 L 327.5 23.2 L 349.3333333333333 23.4 L 371.1666666666667 23.6 L 393 23.5 L 414.8333333333333 23.6 L 436.6666666666667 23.7 L 458.5 23.6 L 480.3333333333333 23.1 L 502.1666666666667 24.6 L 524 22.8" stroke="#363434" stroke-width="2" zIndex="1"></path></g><g class="highcharts-markers" visibility="visible" zIndex="0.1" transform="translate(56,10) scale(1 1)" clip-path="none"><path fill="#363434" d="M 524 18.8 C 529.328 18.8 529.328 26.8 524 26.8 C 518.672 26.8 518.672 18.8 524 18.8 Z" visibility="inherit" stroke-width="1"></path><path fill="#363434" d="M 502.1666666666667 20.6 C 507.49466666666666 20.6 507.49466666666666 28.6 502.1666666666667 28.6 C 496.8386666666667 28.6 496.8386666666667 20.6 502.1666666666667 20.6 Z" visibility="inherit" stroke-width="1"></path><path fill="#363434" d="M 480.3333333333333 19.1 C 485.6613333333333 19.1 485.6613333333333 27.1 480.3333333333333 27.1 C 475.00533333333334 27.1 475.00533333333334 19.1 480.3333333333333 19.1 Z" visibility="inherit" stroke-width="1"></path><path fill="#363434" d="M 458.5 19.6 C 463.828 19.6 463.828 27.6 458.5 27.6 C 453.172 27.6 453.172 19.6 458.5 19.6 Z" visibility="inherit" stroke-width="1"></path><path fill="#363434" d="M 436.6666666666667 19.7 C 441.99466666666666 19.7 441.99466666666666 27.7 436.6666666666667 27.7 C 431.3386666666667 27.7 431.3386666666667 19.7 436.6666666666667 19.7 Z" visibility="inherit"></path><path fill="#363434" d="M 414.8333333333333 19.6 C 420.1613333333333 19.6 420.1613333333333 27.6 414.8333333333333 27.6 C 409.50533333333334 27.6 409.50533333333334 19.6 414.8333333333333 19.6 Z" visibility="inherit"></path><path fill="#363434" d="M 393 19.5 C 398.328 19.5 398.328 27.5 393 27.5 C 387.672 27.5 387.672 19.5 393 19.5 Z" visibility="inherit"></path><path fill="#363434" d="M 371.1666666666667 19.6 C 376.49466666666666 19.6 376.49466666666666 27.6 371.1666666666667 27.6 C 365.8386666666667 27.6 365.8386666666667 19.6 371.1666666666667 19.6 Z" visibility="inherit"></path><path fill="#363434" d="M 349.3333333333333 19.4 C 354.6613333333333 19.4 354.6613333333333 27.4 349.3333333333333 27.4 C 344.00533333333334 27.4 344.00533333333334 19.4 349.3333333333333 19.4 Z" visibility="inherit"></path><path fill="#363434" d="M 327.5 19.2 C 332.828 19.2 332.828 27.2 327.5 27.2 C 322.172 27.2 322.172 19.2 327.5 19.2 Z" visibility="inherit"></path><path fill="#363434" d="M 305.6666666666667 19.1 C 310.99466666666666 19.1 310.99466666666666 27.1 305.6666666666667 27.1 C 300.3386666666667 27.1 300.3386666666667 19.1 305.6666666666667 19.1 Z" visibility="inherit"></path><path fill="#363434" d="M 283.8333333333333 17.7 C 289.1613333333333 17.7 289.1613333333333 25.7 283.8333333333333 25.7 C 278.50533333333334 25.7 278.50533333333334 17.7 283.8333333333333 17.7 Z" visibility="inherit"></path><path fill="#363434" d="M 262 18.9 C 267.328 18.9 267.328 26.9 262 26.9 C 256.672 26.9 256.672 18.9 262 18.9 Z" visibility="inherit"></path><path fill="#363434" d="M 240.16666666666666 17.7 C 245.49466666666666 17.7 245.49466666666666 25.7 240.16666666666666 25.7 C 234.83866666666665 25.7 234.83866666666665 17.7 240.16666666666666 17.7 Z" visibility="inherit"></path><path fill="#363434" d="M 218.33333333333334 17.7 C 223.66133333333335 17.7 223.66133333333335 25.7 218.33333333333334 25.7 C 213.00533333333334 25.7 213.00533333333334 17.7 218.33333333333334 17.7 Z" visibility="inherit"></path><path fill="#363434" d="M 196.5 18.5 C 201.828 18.5 201.828 26.5 196.5 26.5 C 191.172 26.5 191.172 18.5 196.5 18.5 Z" visibility="inherit"></path><path fill="#363434" d="M 174.66666666666666 39.4 C 179.99466666666666 39.4 179.99466666666666 47.4 174.66666666666666 47.4 C 169.33866666666665 47.4 169.33866666666665 39.4 174.66666666666666 39.4 Z" visibility="inherit"></path><path fill="#363434" d="M 152.83333333333334 17.7 C 158.16133333333335 17.7 158.16133333333335 25.7 152.83333333333334 25.7 C 147.50533333333334 25.7 147.50533333333334 17.7 152.83333333333334 17.7 Z" visibility="inherit"></path><path fill="#363434" d="M 131 18.4 C 136.328 18.4 136.328 26.4 131 26.4 C 125.672 26.4 125.672 18.4 131 18.4 Z" visibility="inherit"></path><path fill="#363434" d="M 109.16666666666667 18.5 C 114.49466666666667 18.5 114.49466666666667 26.5 109.16666666666667 26.5 C 103.83866666666667 26.5 103.83866666666667 18.5 109.16666666666667 18.5 Z" visibility="inherit"></path><path fill="#363434" d="M 87.33333333333333 20.4 C 92.66133333333333 20.4 92.66133333333333 28.4 87.33333333333333 28.4 C 82.00533333333333 28.4 82.00533333333333 20.4 87.33333333333333 20.4 Z" visibility="inherit"></path><path fill="#363434" d="M 65.5 18.4 C 70.828 18.4 70.828 26.4 65.5 26.4 C 60.172 26.4 60.172 18.4 65.5 18.4 Z" visibility="inherit"></path><path fill="#363434" d="M 43.666666666666664 20.4 C 48.99466666666667 20.4 48.99466666666667 28.4 43.666666666666664 28.4 C 38.33866666666666 28.4 38.33866666666666 20.4 43.666666666666664 20.4 Z" visibility="inherit"></path><path fill="#363434" d="M 21.833333333333332 20.5 C 27.16133333333333 20.5 27.16133333333333 28.5 21.833333333333332 28.5 C 16.505333333333333 28.5 16.505333333333333 20.5 21.833333333333332 20.5 Z" visibility="inherit"></path><path fill="#363434" d="M 0 17.7 C 5.328 17.7 5.328 25.7 0 25.7 C -5.328 25.7 -5.328 17.7 0 17.7 Z" visibility="inherit"></path><path fill="none" d="M -10 21.7 L 0 21.7 L 21.833333333333332 24.5 L 43.666666666666664 24.4 L 65.5 22.4 L 87.33333333333333 24.4 L 109.16666666666667 22.5 L 131 22.4 L 152.83333333333334 21.7 L 174.66666666666666 43.4 L 196.5 22.5 L 218.33333333333334 21.7 L 240.16666666666666 21.7 L 262 22.9 L 283.8333333333333 21.7 L 305.6666666666667 23.1 L 327.5 23.2 L 349.3333333333333 23.4 L 371.1666666666667 23.6 L 393 23.5 L 414.8333333333333 23.6 L 436.6666666666667 23.7 L 458.5 23.6 L 480.3333333333333 23.1 L 502.1666666666667 24.6 L 524 22.8 L 534 22.8" class="highcharts-tracker highcharts-tracker" stroke-linejoin="round" visibility="visible" stroke-opacity="0.0001" stroke="rgb(192,192,192)" stroke-width="22" zIndex="2" style=""></path></g></g><g class="highcharts-axis-labels" zIndex="7"><text x="56" y="89" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#999;cursor:default;line-height:14px;font-weight:bold;fill:#999;" text-anchor="middle" opacity="1"><tspan x="56">08 AM</tspan></text><text x="143.33333333333331" y="89" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#999;cursor:default;line-height:14px;font-weight:bold;fill:#999;" text-anchor="middle" opacity="1"><tspan x="143.33333333333331">12 PM</tspan></text><text x="230.66666666666666" y="89" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#999;cursor:default;line-height:14px;font-weight:bold;fill:#999;" text-anchor="middle" opacity="1"><tspan x="230.66666666666666">04 PM</tspan></text><text x="318" y="89" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#999;cursor:default;line-height:14px;font-weight:bold;fill:#999;" text-anchor="middle" opacity="1"><tspan x="318">08 PM</tspan></text><text x="405.3333333333333" y="89" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#999;cursor:default;line-height:14px;font-weight:bold;fill:#999;" text-anchor="middle" opacity="1"><tspan x="405.3333333333333">31. Oct</tspan></text><text x="492.6666666666667" y="89" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#999;cursor:default;line-height:14px;font-weight:bold;fill:#999;" text-anchor="middle" opacity="1"><tspan x="492.6666666666667">04 AM</tspan></text><text x="580" y="89" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#999;cursor:default;line-height:14px;font-weight:bold;fill:#999;" text-anchor="middle" opacity="1"><tspan x="580">08 AM</tspan></text></g><g class="highcharts-axis-labels" zIndex="7"><text x="48" y="79.1" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:250px;color:#999;cursor:default;line-height:14px;font-weight:bold;fill:#999;" text-anchor="end" opacity="1"><tspan x="48">99.5</tspan></text><text x="48" y="57.43333333333333" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:250px;color:#999;cursor:default;line-height:14px;font-weight:bold;fill:#999;" text-anchor="end" opacity="1"><tspan x="48">99.75</tspan></text><text x="48" y="35.766666666666666" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:250px;color:#999;cursor:default;line-height:14px;font-weight:bold;fill:#999;" text-anchor="end" opacity="1"><tspan x="48">100</tspan></text><text x="48" y="14.1" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:250px;color:#999;cursor:default;line-height:14px;font-weight:bold;fill:#999;" text-anchor="end" opacity="1"><tspan x="48">100.25</tspan></text></g><g class="highcharts-tooltip" zIndex="8" style="cursor:default;padding:0;white-space:nowrap;" visibility="hidden" transform="translate(501,22)" opacity="0"><rect rx="3" ry="3" fill="none" x="0" y="0" width="66" height="34" isShadow="true" stroke="black" stroke-opacity="0.049999999999999996" stroke-width="5" transform="translate(1, 1)"></rect><rect rx="3" ry="3" fill="none" x="0" y="0" width="66" height="34" isShadow="true" stroke="black" stroke-opacity="0.09999999999999999" stroke-width="3" transform="translate(1, 1)"></rect><rect rx="3" ry="3" fill="none" x="0" y="0" width="66" height="34" isShadow="true" stroke="black" stroke-opacity="0.15" stroke-width="1" transform="translate(1, 1)"></rect><rect rx="3" ry="3" fill="url(#highcharts-1)" x="0" y="0" width="66" height="34" anchorX="78.19514822099597" anchorY="19.017508506774902"></rect></g></svg>
Display the source blob
Display the rendered blob
Raw
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment