Dashboards & Visualizations

Display data as cards instead of table row/column?

wrussell12
Explorer

How could you display results in a bootstrap gird, similar to a card?
So far I've only see graphs and tables.

The data table is similar to this:

name | city | date
Mike  | LA  | 06/01/2019
Mike  | LA  | 06/02/2019
Mike  | LA  | 06/03/2019
James | LA  | 06/01/2019
Sarah| LA  | 06/03/2019

I want make a card for each unique person, and then group any other events for them to that card.

In this image, each table row is instead a card.
The cards are dynamic and created for each unique username.

alt text

Is the only option to use some sort of javascript? or are their dynamic xml options we can use?

0 Karma

niketn
Legend

@wrussell12 try one of my older answer which gets the search result and displays in HTML panel. https://answers.splunk.com/answers/324828/render-html-code-from-search-result-in-splunk-dash.html

Or on similar lines: https://answers.splunk.com/answers/662523/how-to-show-table-result-in-one-page-table-modific.html

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

rajindurbal
Path Finder

Something you can try that is similar is:

| stats list(city) as city, list(date) as date by name

0 Karma

wrussell12
Explorer

I am now looking into having the search run within javascript, and inject html using jquery.

Has anyone tried this before?

0 Karma
Get Updates on the Splunk Community!

Introducing Splunk Enterprise 9.2

WATCH HERE! Watch this Tech Talk to learn about the latest features and enhancements shipped in the new Splunk ...

Adoption of RUM and APM at Splunk

    Unleash the power of Splunk Observability   Watch Now In this can't miss Tech Talk! The Splunk Growth ...

Routing logs with Splunk OTel Collector for Kubernetes

The Splunk Distribution of the OpenTelemetry (OTel) Collector is a product that provides a way to ingest ...