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
Get Updates on the Splunk Community!

Splunk Decoded: Service Maps vs Service Analyzer Tree View vs Flow Maps

It’s Monday morning, and your phone is buzzing with alert escalations – your customer-facing portal is running ...

What’s New in Splunk Observability – September 2025

What's NewWe are excited to announce the latest enhancements to Splunk Observability, designed to help ITOps ...

Fun with Regular Expression - multiples of nine

Fun with Regular Expression - multiples of nineThis challenge was first posted on Slack #regex channel ...