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
Career Survey
First 500 qualified respondents will receive a $20 gift card! Tell us about your professional Splunk journey.

Can’t make it to .conf25? Join us online!

Get Updates on the Splunk Community!

Can’t Make It to Boston? Stream .conf25 and Learn with Haya Husain

Boston may be buzzing this September with Splunk University and .conf25, but you don’t have to pack a bag to ...

Splunk Lantern’s Guide to The Most Popular .conf25 Sessions

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...

Unlock What’s Next: The Splunk Cloud Platform at .conf25

In just a few days, Boston will be buzzing as the Splunk team and thousands of community members come together ...