Dashboards & Visualizations

Choropleth SVG image character encoding

a1bg503461
Explorer

When uploading an SVG image to Splunk Dashboard Studio the characters for German umlauts are not displaying correct

svg file in browser :

a1bg503461_0-1741784737393.png


svg within the dashboard:

a1bg503461_1-1741784752048.png

 

Can we enclude the UTF-8 Encoding within the source code ?


<svg version="2.0" encoding="utf-8"
width="300" height="200"
xmlns="http://www.w3.org/2000/svg">

<rect width="100%" height="100%" fill="red" />

<circle cx="150" cy="100" r="80" fill="green" />

<text x="150" y="125" font-size="60" text-anchor="middle" fill="white">
vowels a, o and u to make ä, ö, and ü.
schön (beautiful) and Vögel (birds, plural form)
</text>

</svg>

{
"type": "splunk.choropleth.svg",
"options": {
"svg": "splunk-enterprise-kvstore://67d185960ede0c052b05390c"
},
"context": {},
"containerOptions": {},
"showProgressBar": false,
"showLastUpdated": false
}

 

 

Labels (1)
Tags (1)
0 Karma

a1bg503461
Explorer

After consulting with team we are currently unavailable to upgrade version and need to stay on version 9.3.2.

Is there any workaround for the German Umlauts to display on older version 9.3.2..

maybe some option we can add in the source code?

0 Karma

a1bg503461
Explorer

We are currently  using Splunk Enterprise Version: 9.3.2, not latest 
I am testing with other svgs  font families in the xml and such but the result is the same :

a1bg503461_0-1741788276509.png

 

I will communicate with the team for upgrade request if you are certain this feature was hotfixed.

0 Karma

livehybrid
SplunkTrust
SplunkTrust

Hi @a1bg503461 

I will see if I can try a lower version to test on - In the meantime, what happens if you use something like https://www.svgviewer.dev/svg-to-data-uri to capture the base64 url string for the image, then paste that into the Dashboard Image link

livehybrid_0-1741788607960.png

 

This is what I see 

livehybrid_1-1741788617997.png

Please let me know how you get on and consider adding karma to this or any other answer if it has helped.
Regards

Will

 

0 Karma

livehybrid
SplunkTrust
SplunkTrust

Hi @a1bg503461 

Please can you confirm which version of Splunk you are seeing the issue with? Are you simply uploading the SVG into an image in Dashboard Studio? 

When I use the SVG you posted as a file in a dashboard it displays correctly for me (on 9.4.1)

livehybrid_0-1741788088595.png

Please let me know how you get on and consider adding karma to this or any other answer if it has helped.
Regards

Will

 

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!

Community Content Calendar, September edition

Welcome to another insightful post from our Community Content Calendar! We're thrilled to continue bringing ...

Splunkbase Unveils New App Listing Management Public Preview

Splunkbase Unveils New App Listing Management Public PreviewWe're thrilled to announce the public preview of ...

Leveraging Automated Threat Analysis Across the Splunk Ecosystem

Are you leveraging automation to its fullest potential in your threat detection strategy?Our upcoming Security ...