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!

.conf24 | Registration Open!

Hello, hello! I come bearing good news: Registration for .conf24 is now open!   conf is Splunk’s rad annual ...

ICYMI - Check out the latest releases of Splunk Edge Processor

Splunk is pleased to announce the latest enhancements to Splunk Edge Processor.  HEC Receiver authorization ...

Introducing the 2024 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...