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!

Splunk Smartness with Brandon Sternfield | Episode 3

Hello and welcome to another episode of "Splunk Smartness," the interview series where we explore the power of ...

Monitoring Postgres with OpenTelemetry

Behind every business-critical application, you’ll find databases. These behind-the-scenes stores power ...

Mastering Synthetic Browser Testing: Pro Tips to Keep Your Web App Running Smoothly

To start, if you're new to synthetic monitoring, I recommend exploring this synthetic monitoring overview. In ...