All Apps and Add-ons

glass table SVG Block

LucLu
Loves-to-Learn Lots

when I use SVG in Splunk Dashboard app,  it show bellow error, I want to know why we get this error, how can we fixed it.

LucLu_0-1629861218495.png

 


Splunk version : 8.0.5
Splunk Dassboard App version: 0.8.0

sourcecode:

{
    "visualizations": {
        "viz_7Gcj22nE": {
            "type""viz.choropleth.svg",
            "options": {
                "backgroundColor""transparent",
                "svg""<svg width=\"322\" height=\"32\" viewBox=\"0 0 322 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect id=\"level1\"  y=\"12\" width=\"33\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n<rect id=\"level2\"  x=\"37\" y=\"12\" width=\"32\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n<rect id=\"level3\"  x=\"73\" y=\"12\" width=\"32\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n<rect id=\"level4\"  x=\"109\" y=\"12\" width=\"32\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n<rect id=\"level5\"  x=\"145\" y=\"12\" width=\"32\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n<rect id=\"level6\"  x=\"181\" y=\"12\" width=\"32\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n<rect id=\"level7\"  x=\"217\" y=\"12\" width=\"32\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n<rect id=\"level8\"  x=\"253\" y=\"12\" width=\"32\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n<rect id=\"level9\"  x=\"289\" y=\"12\" width=\"33\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n</svg>"
            },
            "encoding": {
                "featureId""primary[0]",
                "value""primary[1]",
                "fill": {
                    "field""primary[1]",
                    "format": {
                        "type""rangevalue",
                        "ranges": [
                            {
                                "from"1500,
                                "value""#483F9B"
                            },
                            {
                                "from"500,
                                "to"1500,
                                "value""#A870EF"
                            },
                            {
                                "to"500,
                                "value""#483F9B"
                            }
                        ]
                    }
                }
            },
            "dataSources": {
                "primary""ds_xtEHKvxm"
            }
        }
    },
    "dataSources": {
        "ds_xtEHKvxm": {
            "type""ds.search",
            "options": {
                "query""| makeresults \n| eval Progress=\"level1\"| eval count=1000\n| append [| makeresults | eval Progress=\"level2\"| eval count=1000]\n| append [| makeresults | eval Progress=\"level3\"| eval count=10]\n| append [| makeresults | eval Progress=\"level4\"| eval count=10]\n| append [| makeresults | eval Progress=\"level5\"| eval count=10]\n| append [| makeresults | eval Progress=\"level6\"| eval count=10]\n| append [| makeresults | eval Progress=\"level7\"| eval count=10]\n| append [| makeresults | eval Progress=\"level8\"| eval count=10]\n| append [| makeresults | eval Progress=\"level9\"| eval count=10]\n|table Progress,count"
            },
            "name""Search_1"
        }
    },
    "defaults": {
        "dataSources": {
            "ds.search": {
                "options": {
                    "queryParameters": {
                        "latest""$global_time.latest$",
                        "earliest""$global_time.earliest$"
                    }
                }
            }
        },
        "visualizations": {
            "global": {
                "showLastUpdated"true
            }
        }
    },
    "inputs": {
        "input_global_trp": {
            "type""input.timerange",
            "options": {
                "token""global_time",
                "defaultValue""-24h@h,now"
            },
            "title""Global Time Range"
        }
    },
    "layout": {
        "type""absolute",
        "options": {},
        "structure": [
            {
                "item""viz_7Gcj22nE",
                "type""block",
                "position": {
                    "x"0,
                    "y"0,
                    "w"380,
                    "h"300
                }
            }
        ],
        "globalInputs": [
            "input_global_trp"
        ]
    },
    "description""",
    "title""test"
}
Labels (3)
0 Karma
Get Updates on the Splunk Community!

Accelerating Observability as Code with the Splunk AI Assistant

We’ve seen in previous posts what Observability as Code (OaC) is and how it’s now essential for managing ...

Integrating Splunk Search API and Quarto to Create Reproducible Investigation ...

 Splunk is More Than Just the Web Console For Digital Forensics and Incident Response (DFIR) practitioners, ...

Congratulations to the 2025-2026 SplunkTrust!

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