All Apps and Add-ons

How do you display Splunk logo using Scalable Vector Graphics - Custom Visualization app?

msivill_splunk
Splunk Employee
Splunk Employee

How can I display the Splunk logo within a dashboard panel using the "Scalable Vector Graphics - Custom Visualization"?

0 Karma

msivill_splunk
Splunk Employee
Splunk Employee

This will work...

| makeresults 
| eval colour = "#99999A"
| eval svg_viz = "<svg version=\"1.1\" id=\"splunk_logo\" xmlns=\"http://www.w3.org/2000/svg\"
     width=\"800\" height=\"238.13\" enable-background=\"new 0 0 800 238.13\">
<path d=\"M72.684,78.996c0,0-6.536-6.654-19.648-6.654c-7.793,0-15.524,3.778-15.356,11.694c0.354,16.655,47.4,30.003,47.367,57.171
    C85.041,146.3,88,178.061,38.822,180.423c-0.937,0.045-19.569,1.063-38.823-13.82l10.277-17.01
    c18.663,15.001,25.002,11.83,26.499,11.773c16.537-0.63,16.337-12.164,16.261-15.337C52.564,126.205,5.67,116.756,6.694,86.556
    c0.784-23.139,22.994-32.44,41.087-32.44c19.548,0,34.668,9.445,34.668,9.445L72.684,78.996z\"/>
<path d=\"M175.057,54.116C140.413,52.998,130.8,75.059,130.8,75.059l0.158-18.427H99.459v181.435h31.499l-0.315-77.015
    c0,0,12.757,19.402,36.145,19.402c44.65,0,58.825-41.371,58.825-64.524C225.613,90.336,213.958,55.372,175.057,54.116z
     M161.263,161.524c-21.171,0-30.645-19.779-30.645-44.178s10.104-44.178,30.645-44.178c22.455,0,30.645,19.779,30.645,44.178
    C191.909,139.789,181.986,161.524,161.263,161.524z\"/>
<rect x=\"239.315\" y=\"-0.067\" width=\"32.444\" height=\"177.655\"/>
<path d=\"M324.048,131.915c0,0-2.205,26.617,23.939,26.459c2.299-0.014,26.459,1.732,27.293-32.129l-0.047-69.613h31.657v120.957
    h-31.61l-0.047-16.222c-17.325,20.159-39.036,19.057-40.161,19.057c-43.154,0.016-43.154-39.059-43.154-39.059V56.632h32.129
    L324.048,131.915L324.048,131.915z\"/>
<path d=\"M512.098,102.316c0,0,2.205-26.617-23.939-26.459c-2.299,0.014-26.459-1.732-27.293,32.129l0.047,69.613h-31.657V56.642
    h31.61l0.047,16.222c17.325-20.159,39.036-19.057,40.161-19.057c43.154-0.016,43.154,39.059,43.154,39.059v84.733h-32.129
    L512.098,102.316L512.098,102.316z\"/>
<polygon points=\"597.933,177.599 566.276,177.599 566.276,-0.067 597.933,-0.067 597.933,104.431 601.24,104.432 644.394,54.899 
    668.333,65.294 627.542,109.078 675.893,169.714 646.127,179.636 598.937,113.921 597.933,113.881 \"/>
<polygon fill=\"".colour."\" points=\"800,126.402 703.77,173.651 703.77,153.019 778.896,115.929 703.77,79.784 703.77,58.207 800,106.4 
    \"/>
</svg>"

Change the colour from #99999A (grey) to #6AB361 (green) depending on whether you are referring to the company or product.

Also change the viewbox sizing to -
- Width = 800
- Height = 238.13

0 Karma
Get Updates on the Splunk Community!

Extending Observability Content to Splunk Cloud

Watch Now!   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to leverage ...

More Control Over Your Monitoring Costs with Archived Metrics!

What if there was a way you could keep all the metrics data you need while saving on storage costs?This is now ...

New in Observability Cloud - Explicit Bucket Histograms

Splunk introduces native support for histograms as a metric data type within Observability Cloud with Explicit ...