Splunk® IT Service Intelligence

Use Splunk IT Service Intelligence

Download manual as PDF

This documentation does not apply to the most recent version of ITSI. Click here for the latest version.
Download topic as PDF

Tutorial: Build a beta glass table to monitor your infrastructure

The following tutorial illustrates some of the capabilities of the beta glass table editor. You'll copy and paste some code, add a background image, and upload custom icons.

Do not confuse the beta glass table editor with the classic glass tables you've already built. Beta glass tables say "beta" in the version column. If you're editing an original glass table, see Create a glass table in ITSI.

When you are finished, your glass table will look similar to the following image:

The glass table is a large map of the United States. The following widgets are displayed on the glass table: Web response time, requests, errors, and CPU utilization in the west, southwest, east, and southeast.

Create a dashboard definition

  1. From the glass table editor click Source.
  2. In the Buttercup Games - data center overview section below, click Expand and copy the source code for the dashboard definition.
  3. Remove the existing glass table source text and paste the code.

    This source code includes default ds.test data sources that allow you to embed sample data directly in the dashboard definition to allow for easier prototyping and experimentation.

  4. Click Back to return to the editing interface.

Buttercup Games - data center overview

This JSON dashboard definition uses the beta glass table source editor to render the example glass table.

{
	"visualizations": {
		"viz_BQQxwipa": {
			"type": "viz.rectangle",
			"options": {
				"backgroundColor": "transparent",
				"fill": "#ffffff",
				"fillOpacity": 0.2,
				"stroke": "transparent"
			}
		},
		"viz_es48cFur": {
			"type": "viz.rectangle",
			"options": {
				"backgroundColor": "transparent",
				"fill": "#ffffff",
				"fillOpacity": 0.2,
				"stroke": "transparent"
			}
		},
		"viz_JUNd5JdH": {
			"type": "viz.rectangle",
			"options": {
				"backgroundColor": "transparent",
				"fill": "#ffffff",
				"fillOpacity": 0.2,
				"stroke": "transparent"
			}
		},
		"viz_FhaFy99F": {
			"type": "viz.rectangle",
			"options": {
				"backgroundColor": "transparent",
				"fill": "#ffffff",
				"fillOpacity": 0.2,
				"stroke": "transparent"
			}
		},
		"viz_0z5USc8k": {
			"type": "viz.singlevalue",
			"options": {
				"showTrendIndicator": false,
				"sparklinePosition": "before",
				"showSparkline": true,
				"backgroundColor": "#53a051"
			},
			"dataSources": {
				"primary": "search1"
			}
		},
		"viz_gSCFjAX3": {
			"type": "viz.text",
			"options": {
				"content": "ServiceHealthScore",
				"backgroundColor": "transparent",
				"color": "#ffffff",
				"fontSize": 12
			}
		},
		"viz_ShQLzIgR": {
			"type": "viz.singlevalueradial",
			"options": {
				"backgroundColor": "#dc4e41"
			},
			"dataSources": {
				"primary": "search2"
			}
		},
		"viz_bDAhNoYZ": {
			"type": "viz.text",
			"options": {
				"content": "CPU Utilization %",
				"backgroundColor": "transparent",
				"color": "#ffffff",
				"fontSize": 12
			}
		},
		"viz_IP1KWswv": {
			"type": "viz.text",
			"options": {
				"content": "West",
				"backgroundColor": "transparent",
				"color": "#ffffff",
				"fontSize": 22
			}
		},
		"viz_l6r80wMC": {
			"type": "viz.text",
			"options": {
				"content": "Data Center Overview",
				"backgroundColor": "transparent",
				"color": "#0877a6",
				"fontSize": 16
			}
		},
		"viz_M6akZVFI": {
			"type": "viz.singlevalueradial",
			"options": {
				"backgroundColor": "#dc4e41"
			},
			"dataSources": {
				"primary": "search2"
			}
		},
		"viz_NJeJdvcs": {
			"type": "viz.singlevalue",
			"options": {
				"showTrendIndicator": false,
				"sparklinePosition": "before",
				"showSparkline": true,
				"backgroundColor": "#53a051"
			},
			"dataSources": {
				"primary": "search1"
			}
		},
		"viz_voBUlZmz": {
			"type": "viz.singlevalueradial",
			"options": {
				"backgroundColor": "#dc4e41"
			},
			"dataSources": {
				"primary": "search2"
			}
		},
		"viz_xVioP174": {
			"type": "viz.singlevalue",
			"options": {
				"showTrendIndicator": false,
				"sparklinePosition": "before",
				"showSparkline": true,
				"backgroundColor": "#53a051"
			},
			"dataSources": {
				"primary": "search1"
			}
		},
		"viz_ZtDnP0Fs": {
			"type": "viz.singlevalueradial",
			"options": {
				"backgroundColor": "#dc4e41"
			},
			"dataSources": {
				"primary": "search2"
			}
		},
		"viz_I1tMmHEB": {
			"type": "viz.singlevalue",
			"options": {
				"showTrendIndicator": false,
				"sparklinePosition": "before",
				"showSparkline": true,
				"backgroundColor": "#53a051"
			},
			"dataSources": {
				"primary": "search1"
			}
		},
		"viz_7ECX44YZ": {
			"type": "viz.text",
			"options": {
				"content": "Requests",
				"backgroundColor": "transparent",
				"color": "#ffffff",
				"fontSize": 18
			}
		},
		"viz_cmZDGsHf": {
			"type": "viz.text",
			"options": {
				"content": "Errors",
				"backgroundColor": "transparent",
				"color": "#ffffff",
				"fontSize": 18
			}
		},
		"viz_MoQSmEFW": {
			"type": "viz.text",
			"options": {
				"content": "Web Response Time",
				"backgroundColor": "transparent",
				"color": "#ffffff",
				"fontSize": 18
			}
		},
		"viz_NEWyzYk9": {
			"type": "abslayout.line",
			"options": {
				"toArrow": false,
				"fromArrow": false,
				"strokeColor": "#ffffff",
				"strokeDasharray": 4,
				"strokeWidth": 1
			}
		},
		"viz_aI5IcN5M": {
			"type": "abslayout.line",
			"options": {
				"fromArrow": false,
				"toArrow": false,
				"strokeWidth": 1,
				"strokeDasharray": 4,
				"strokeColor": "#ffffff"
			}
		},
		"viz_vLShmXtz": {
			"type": "abslayout.line",
			"options": {
				"fromArrow": false,
				"toArrow": false,
				"strokeWidth": 1,
				"strokeDasharray": 4,
				"strokeColor": "#ffffff"
			}
		},
		"viz_fOG4XyMX": {
			"type": "abslayout.line",
			"options": {
				"toArrow": false,
				"fromArrow": false,
				"strokeColor": "#ffffff",
				"strokeWidth": 1,
				"strokeDasharray": 4
			}
		},
		"viz_qOQ0RiO2": {
			"type": "viz.singlevalue",
			"options": {
				"showTrendIndicator": false,
				"sparklinePosition": "before",
				"showSparkline": true,
				"backgroundColor": "#f1813f"
			},
			"dataSources": {
				"primary": "search2"
			}
		},
		"viz_De0Q085K": {
			"type": "viz.singlevalue",
			"options": {
				"showTrendIndicator": false,
				"sparklinePosition": "before",
				"showSparkline": true,
				"backgroundColor": "#53a051",
				"rangeValues": [
					0,
					25,
					50,
					75,
					100
				],
				"rangeColors": [
					"#c3cbd4",
					"#dc4e41",
					"#f8be34",
					"#53a051",
					"#c3cbd4"
				]
			},
			"dataSources": {
				"primary": "search2"
			},
			"eventHandlers": [
				{
					"type": "drilldown.customUrl",
					"options": {
						"url": "https://docs.splunk.com/Documentation/ITSI/4.2.0/User/Sourceediting"
					}
				}
			]
		},
		"viz_H2sZWjvL": {
			"type": "viz.singlevalueicon",
			"options": {
				"showValue": false,
				"icon": "local://e0d86062-d930-4425-b100-13089d4caa6b",
				"backgroundColor": "transparent"
			}
		},
		"viz_TexC1ecv": {
			"type": "viz.singlevalueicon",
			"options": {
				"showValue": false,
				"icon": "local://95040bb0-36fd-411b-aa6c-ecb3d542557c",
				"backgroundColor": "transparent"
			}
		},
		"viz_pmn2ctU4": {
			"type": "viz.text",
			"options": {
				"content": "East",
				"backgroundColor": "transparent",
				"color": "#ffffff",
				"fontSize": 22
			}
		},
		"viz_qvMWQl9T": {
			"type": "viz.text",
			"options": {
				"content": "CPU Utilization %",
				"backgroundColor": "transparent",
				"color": "#ffffff",
				"fontSize": 12
			}
		},
		"viz_jkQBH6RD": {
			"type": "viz.text",
			"options": {
				"content": "ServiceHealthScore",
				"backgroundColor": "transparent",
				"color": "#ffffff",
				"fontSize": 12
			}
		},
		"viz_zl8gxMFT": {
			"type": "viz.text",
			"options": {
				"content": "Southwest",
				"backgroundColor": "transparent",
				"color": "#ffffff",
				"fontSize": 22
			}
		},
		"viz_kIi1soGf": {
			"type": "viz.text",
			"options": {
				"content": "CPU Utilization %",
				"backgroundColor": "transparent",
				"color": "#ffffff",
				"fontSize": 12
			}
		},
		"viz_xKSRaS1V": {
			"type": "viz.text",
			"options": {
				"content": "CPU Utilization %",
				"backgroundColor": "transparent",
				"color": "#ffffff",
				"fontSize": 12
			}
		},
		"viz_tsOZAAQj": {
			"type": "viz.text",
			"options": {
				"content": "Southeast",
				"backgroundColor": "transparent",
				"color": "#ffffff",
				"fontSize": 22
			}
		},
		"viz_EI2wumBv": {
			"type": "viz.text",
			"options": {
				"content": "ServiceHealthScore",
				"backgroundColor": "transparent",
				"color": "#ffffff",
				"fontSize": 12
			}
		},
		"viz_Qa6BCEba": {
			"type": "viz.text",
			"options": {
				"content": "ServiceHealthScore",
				"backgroundColor": "transparent",
				"color": "#ffffff",
				"fontSize": 12
			}
		},
		"viz_8SAf99G1": {
			"type": "viz.singlevalueicon",
			"options": {
				"showValue": false,
				"icon": "local://f36dac7e-fcca-49db-ac2e-a632ed583e52",
				"backgroundColor": "transparent"
			}
		},
		"viz_H3GD36aj": {
			"type": "viz.singlevalueicon",
			"options": {
				"showValue": false,
				"icon": "local://95cf36c3-87d4-40cf-85eb-569b06ccfd5b",
				"backgroundColor": "transparent"
			}
		},
		"viz_3WegcVL1": {
			"type": "viz.singlevalueicon",
			"options": {
				"showValue": false,
				"icon": "local://a070397a-bf9c-4e23-9ccd-961c865ea648",
				"backgroundColor": "transparent"
			}
		},
		"viz_pedR5O1c": {
			"type": "viz.singlevalueicon",
			"options": {
				"showValue": false,
				"icon": "local://a070397a-bf9c-4e23-9ccd-961c865ea648",
				"backgroundColor": "transparent"
			}
		},
		"viz_gv2TLU0g": {
			"type": "viz.singlevalueicon",
			"options": {
				"showValue": false,
				"icon": "local://a070397a-bf9c-4e23-9ccd-961c865ea648",
				"backgroundColor": "transparent"
			}
		},
		"viz_aaxFnSUG": {
			"type": "viz.singlevalueicon",
			"options": {
				"showValue": false,
				"icon": "local://a070397a-bf9c-4e23-9ccd-961c865ea648",
				"backgroundColor": "transparent"
			}
		},
		"viz_dDbKEp9R": {
			"type": "viz.singlevalue",
			"options": {
				"showTrendIndicator": false,
				"sparklinePosition": "before",
				"showSparkline": true,
				"backgroundColor": "#dc4e41",
				"rangeValues": [
					0,
					25,
					50,
					75,
					100
				],
				"rangeColors": [
					"#c3cbd4",
					"#dc4e41",
					"#f8be34",
					"#53a051",
					"#c3cbd4"
				]
			},
			"dataSources": {
				"primary": "search2"
			},
			"eventHandlers": [
				{
					"type": "drilldown.customUrl",
					"options": {
						"url": "https://splunk.com"
					}
				}
			]
		},
		"viz_fnXJAwah": {
			"type": "viz.singlevalueicon",
			"options": {
				"showValue": false,
				"icon": "local://33b4bb39-bc34-47f4-a807-1ac4301b7633",
				"backgroundColor": "transparent"
			}
		}
	},
	"dataSources": {
		"search1": {
			"type": "ds.test",
			"options": {
				"data": {
					"fields": [
						{
							"name": "foo"
						},
						{
							"name": "bar"
						}
					],
					"columns": [
						[
							"95",
							"88",
							"88",
							"83",
							"84",
							"88",
							"88",
							"95",
							"98"
						],
						[
							"1",
							"2",
							"3",
							"4",
							"5",
							"6",
							"7",
							"8"
						]
					]
				},
				"meta": {}
			}
		},
		"search2": {
			"type": "ds.test",
			"options": {
				"data": {
					"fields": [
						{
							"name": "foo"
						},
						{
							"name": "bar"
						}
					],
					"columns": [
						[
							"95",
							"88",
							"88",
							"83",
							"84",
							"88",
							"88",
							"95",
							"96"
						],
						[
							"1",
							"2",
							"3",
							"4",
							"5",
							"6",
							"7",
							"8"
						]
					]
				},
				"meta": {}
			}
		}
	},
	"inputs": {},
	"layout": {
		"type": "absolute",
		"options": {
			"width": 1200,
			"height": 800,
			"backgroundColor": "transparent",
			"backgroundImage": {
				"src": "local://783294cb-6579-4775-81a0-1442d4199452",
				"x": 0,
				"y": 0,
				"sizeType": "contain"
			},
			"display": "auto-scale"
		},
		"structure": [
			{
				"item": "viz_BQQxwipa",
				"type": "block",
				"position": {
					"x": 30,
					"y": 200,
					"w": 158,
					"h": 230
				}
			},
			{
				"item": "viz_es48cFur",
				"type": "block",
				"position": {
					"x": 30,
					"y": 460,
					"w": 158,
					"h": 230
				}
			},
			{
				"item": "viz_JUNd5JdH",
				"type": "block",
				"position": {
					"x": 1000,
					"y": 200,
					"w": 158,
					"h": 230
				}
			},
			{
				"item": "viz_FhaFy99F",
				"type": "block",
				"position": {
					"x": 1000,
					"y": 460,
					"w": 158,
					"h": 230
				}
			},
			{
				"item": "viz_0z5USc8k",
				"type": "block",
				"position": {
					"x": 40,
					"y": 340,
					"w": 140,
					"h": 60
				}
			},
			{
				"item": "viz_gSCFjAX3",
				"type": "block",
				"position": {
					"x": 50,
					"y": 390,
					"w": 120,
					"h": 30
				}
			},
			{
				"item": "viz_ShQLzIgR",
				"type": "block",
				"position": {
					"x": 40,
					"y": 240,
					"w": 140,
					"h": 68
				}
			},
			{
				"item": "viz_bDAhNoYZ",
				"type": "block",
				"position": {
					"x": 60,
					"y": 300,
					"w": 100,
					"h": 30
				}
			},
			{
				"item": "viz_IP1KWswv",
				"type": "block",
				"position": {
					"x": 80,
					"y": 200,
					"w": 60,
					"h": 40
				}
			},
			{
				"item": "viz_l6r80wMC",
				"type": "block",
				"position": {
					"x": 137,
					"y": 120,
					"w": 180,
					"h": 43
				}
			},
			{
				"item": "viz_M6akZVFI",
				"type": "block",
				"position": {
					"x": 40,
					"y": 500,
					"w": 140,
					"h": 68
				}
			},
			{
				"item": "viz_NJeJdvcs",
				"type": "block",
				"position": {
					"x": 40,
					"y": 600,
					"w": 140,
					"h": 60
				}
			},
			{
				"item": "viz_voBUlZmz",
				"type": "block",
				"position": {
					"x": 1010,
					"y": 240,
					"w": 140,
					"h": 68
				}
			},
			{
				"item": "viz_xVioP174",
				"type": "block",
				"position": {
					"x": 1010,
					"y": 340,
					"w": 140,
					"h": 60
				}
			},
			{
				"item": "viz_ZtDnP0Fs",
				"type": "block",
				"position": {
					"x": 1010,
					"y": 500,
					"w": 140,
					"h": 68
				}
			},
			{
				"item": "viz_I1tMmHEB",
				"type": "block",
				"position": {
					"x": 1010,
					"y": 600,
					"w": 140,
					"h": 60
				}
			},
			{
				"item": "viz_7ECX44YZ",
				"type": "block",
				"position": {
					"x": 640,
					"y": 35,
					"w": 110,
					"h": 43
				}
			},
			{
				"item": "viz_cmZDGsHf",
				"type": "block",
				"position": {
					"x": 910,
					"y": 35,
					"w": 110,
					"h": 43
				}
			},
			{
				"item": "viz_MoQSmEFW",
				"type": "block",
				"position": {
					"x": 370,
					"y": 35,
					"w": 190,
					"h": 43
				}
			},
			{
				"item": "viz_NEWyzYk9",
				"type": "line",
				"position": {
					"from": {
						"x": 188,
						"y": 316
					},
					"to": {
						"item": "viz_3WegcVL1",
						"port": "w"
					}
				}
			},
			{
				"item": "viz_aI5IcN5M",
				"type": "line",
				"position": {
					"from": {
						"x": 186,
						"y": 580
					},
					"to": {
						"x": 550,
						"y": 560
					}
				}
			},
			{
				"item": "viz_vLShmXtz",
				"type": "line",
				"position": {
					"from": {
						"item": "viz_gv2TLU0g",
						"port": "e"
					},
					"to": {
						"item": "viz_JUNd5JdH",
						"port": "w"
					}
				}
			},
			{
				"item": "viz_fOG4XyMX",
				"type": "line",
				"position": {
					"from": {
						"item": "viz_aaxFnSUG",
						"port": "e"
					},
					"to": {
						"item": "viz_FhaFy99F",
						"port": "w"
					}
				}
			},
			{
				"item": "viz_qOQ0RiO2",
				"type": "block",
				"position": {
					"x": 330,
					"y": 80,
					"w": 230,
					"h": 70
				}
			},
			{
				"item": "viz_De0Q085K",
				"type": "block",
				"position": {
					"x": 600,
					"y": 80,
					"w": 230,
					"h": 70
				}
			},
			{
				"item": "viz_H2sZWjvL",
				"type": "block",
				"position": {
					"x": 330,
					"y": 40,
					"w": 35,
					"h": 35
				}
			},
			{
				"item": "viz_TexC1ecv",
				"type": "block",
				"position": {
					"x": 600,
					"y": 40,
					"w": 35,
					"h": 35
				}
			},
			{
				"item": "viz_pmn2ctU4",
				"type": "block",
				"position": {
					"x": 1050,
					"y": 200,
					"w": 60,
					"h": 40
				}
			},
			{
				"item": "viz_qvMWQl9T",
				"type": "block",
				"position": {
					"x": 60,
					"y": 560,
					"w": 100,
					"h": 30
				}
			},
			{
				"item": "viz_jkQBH6RD",
				"type": "block",
				"position": {
					"x": 50,
					"y": 650,
					"w": 120,
					"h": 30
				}
			},
			{
				"item": "viz_zl8gxMFT",
				"type": "block",
				"position": {
					"x": 55,
					"y": 460,
					"w": 110,
					"h": 40
				}
			},
			{
				"item": "viz_kIi1soGf",
				"type": "block",
				"position": {
					"x": 1030,
					"y": 300,
					"w": 100,
					"h": 30
				}
			},
			{
				"item": "viz_xKSRaS1V",
				"type": "block",
				"position": {
					"x": 1030,
					"y": 560,
					"w": 100,
					"h": 30
				}
			},
			{
				"item": "viz_tsOZAAQj",
				"type": "block",
				"position": {
					"x": 1030,
					"y": 460,
					"w": 110,
					"h": 40
				}
			},
			{
				"item": "viz_EI2wumBv",
				"type": "block",
				"position": {
					"x": 1030,
					"y": 390,
					"w": 120,
					"h": 30
				}
			},
			{
				"item": "viz_Qa6BCEba",
				"type": "block",
				"position": {
					"x": 1030,
					"y": 650,
					"w": 120,
					"h": 30
				}
			},
			{
				"item": "viz_8SAf99G1",
				"type": "block",
				"position": {
					"x": 330,
					"y": 40,
					"w": 35,
					"h": 35
				}
			},
			{
				"item": "viz_H3GD36aj",
				"type": "block",
				"position": {
					"x": 600,
					"y": 40,
					"w": 35,
					"h": 35
				}
			},
			{
				"item": "viz_3WegcVL1",
				"type": "block",
				"position": {
					"x": 360,
					"y": 340,
					"w": 40,
					"h": 40
				}
			},
			{
				"item": "viz_pedR5O1c",
				"type": "block",
				"position": {
					"x": 550,
					"y": 540,
					"w": 40,
					"h": 40
				}
			},
			{
				"item": "viz_gv2TLU0g",
				"type": "block",
				"position": {
					"x": 810,
					"y": 380,
					"w": 40,
					"h": 40
				}
			},
			{
				"item": "viz_aaxFnSUG",
				"type": "block",
				"position": {
					"x": 710,
					"y": 530,
					"w": 40,
					"h": 40
				}
			},
			{
				"item": "viz_dDbKEp9R",
				"type": "block",
				"position": {
					"x": 870,
					"y": 80,
					"w": 230,
					"h": 70
				}
			},
			{
				"item": "viz_fnXJAwah",
				"type": "block",
				"position": {
					"x": 870,
					"y": 40,
					"w": 35,
					"h": 35
				}
			}
		]
	},
	"title": "Data Center Overview",
	"description": "Example of a single value in the absolute layout"
}

Add images

  1. Download and unzip the following image files to a convenient location on your computer.
  2. In the Configuration panel, click Styling.
  3. In the Background Image section, add the background.jpg image. You can drop the image or click browse... to add it to your canvas.
  4. In the editing toolbar, click the icon button. Add the following icons that you downloaded by dropping them directly into the icon tray or by clicking browse...
    • Error-Icon.svg
    • Location-Icon.svg
    • Request-Icon.svg
    • Web-Icon.svg
  5. Click an icon to add it to your dashboard. Resize and position the icons to match the image at the beginning of this exercise.

    The uploaded icons are white, so you must either find them by name or hover over them to see the images.

  6. Click saveSave icon.when you're finished.

See also

You can also install the Content Pack for Example Glass Tables to get preconfigured beta glass tables directly into your ITSI environment. For more information, see About the Content Pack for Example Glass Tables.

PREVIOUS
Tutorial: Build a beta glass table to monitor request and volume flow
  NEXT
Overview of deep dives in ITSI

This documentation applies to the following versions of Splunk® IT Service Intelligence: 4.2.0, 4.2.1, 4.2.2, 4.2.3, 4.3.0, 4.3.1


Was this documentation topic helpful?

Enter your email address, and someone from the documentation team will respond to you:

Please provide your comments here. Ask a question or make a suggestion.

You must be logged into splunk.com in order to post comments. Log in now.

Please try to keep this discussion focused on the content covered in this documentation topic. If you have a more general question about Splunk functionality or are experiencing a difficulty with Splunk, consider posting a question to Splunkbase Answers.

0 out of 1000 Characters