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!

Take Action Automatically on Splunk Alerts with Red Hat Ansible Automation Platform

 Are you ready to revolutionize your IT operations? As digital transformation accelerates, the demand for ...

Calling All Security Pros: Ready to Race Through Boston?

Hey Splunkers, .conf25 is heading to Boston and we’re kicking things off with something bold, competitive, and ...

Beyond Detection: How Splunk and Cisco Integrated Security Platforms Transform ...

Financial services organizations face an impossible equation: maintain 99.9% uptime for mission-critical ...