Values in a Grid

Display results for multiple series side by side as a grid of individual single value charts. Useful when you want to monitor the same metric — for example, event count or error rate — broken down by a categorical field such as HTTP method or service name, all in one dashboard tile.

Visualization: when timeChart() is used with a series field, the widget renders one individual single value chart per series value, arranged side by side. Each chart shows its own value, trend, and optional sparkline:

Screenshot showing four single value widgets arranged in a grid for HTTP methods DELETE, GET, POST, and PUT, each displaying a value and trend indicator with a sparkline at the bottom, and a timeline histogram at the top, with Format Single Value panel visible on the right showing Sparkline toggled on and Small multiples settings

Figure 253. Single Value Widget — Values in a Grid


Sample input data:

@timestampendpointmethodstatus
1970-01-01T00:00:02/api/usersGET200
1970-01-01T00:00:02/api/ordersPOST201
1970-01-01T00:00:02/api/itemsDELETE204
1970-01-01T00:00:02/api/productsGET200
1970-01-01T00:00:02/api/authPOST400

Query:

logscale
timeChart(method)

Query breakdown:

  1. Groups events into time buckets and further splits each bucket by the method field, producing one count per method per time bucket.

  2. The Single Value widget renders one individual chart per unique method value, each showing its own value, trend, and sparkline.

A similar grid visualization can be achieved with groupBy() on a single field together with count().

Configuration:

  1. From the Search page, type your query in the Query Editor → click Run

  2. Choose Single Value in the Widget selector

  3. Click the style icon : this opens the Format panel on the side.

  4. Toggle the Trend property on to show the change between the first and last bucket values below the main number.

  5. Toggle the Sparkline property on so each individual chart in the grid shows its historical trend.

  6. Under Small multiples, set Number of columns to control how many charts appear per row, and optionally enable Show borders to add borders between the individual charts.

To customize this widget further, see Single Value Property Reference.