Choropleth Visualization using SVG not working in dashboard studio

Available Languages

Updated:September 29, 2026
Document ID:SPLK046484

Bias-Free Language

The documentation set for this product strives to use bias-free language. For the purposes of this documentation set, bias-free is defined as language that does not imply discrimination based on age, disability, gender, racial identity, ethnic identity, sexual orientation, socioeconomic status, and intersectionality. Exceptions may be present in the documentation due to language that is hardcoded in the user interfaces of the product software, language used based on RFP documentation, or language that is used by a referenced third-party product. Learn more about how Cisco is using Inclusive Language.

Applicability

Splunk Enterprise Dashboard Studio

Description

Missing or incomplete SVG files can cause unexpected behavior in Choropleth. In an attempt to use the SVG's ID to color a specific section of the map, no changes were actually displayed. Testing with a self-created SVG file works as expected, though. Other unexpected behaviors may be present depending on what is trying to be accomplished. 

Investigation

  1. The same issue was replicated and multiple SVG downloaded from internet were used in the dashboard studio with the same search but still the the area was not colored. .
  2. Check the path ID of the area that has to be colored using text editor /notepad from the SVG downloaded from internet and it look as below :
    rtaImage.jpeg 
  3. The fill reference was missing from each path in the SVG.

Resolution

The SVG must contain an ID and a fill reference. Please see the image below:resolution.jpg
  1. The path id is what links the svg to the query.
  2. The fill reference will be the default when no data is available and overridden with the DS Color and style reference when there is data.
    Note: When moving the dashboard to a new instance, it is mandatory to upload the graphic again.
  1. Create a new dashboard.
  2. Replace it’s JSON source.
  3. Then replace the SVG file referenced in the Choropleth SVG on the dashboard

Choropleth SVG

Painting with Data: Choropleth SVG

Revision History

Revision Publish Date Comments
1.0
29-Sep-2026
Initial Release

Was this Document Helpful?

FeedbackFeedback

Contact Cisco

This Document Applies to These Products