UI Builder : How to create colourful Data visualization report in workspace/UI builder servicenow

Use Case : How to use "Data visualization" component in UI builder

Add one container and divide in 3 column and 1 row

Add component called – "Data visualization" under container

Add Data Visualization type = "Single Score"

Add "Data source" = Incident Table and add Custome filter (E.g = Active =true)

Add "chart Tittle" = "Active Incident" under configuration like below

Use below css under "Style" to make to colourful

* {
border-left:8pxsolidred;
background-color:rgb(204, 231, 232);
box-shadow:8px8pxgainsboro;
margin:10px10px10px10px;
}

Final Result