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!

See just what you’ve been missing | Observability tracks at Splunk University

Looking to sharpen your observability skills so you can better understand how to collect and analyze data from ...

Weezer at .conf25? Say it ain’t so!

Hello Splunkers, The countdown to .conf25 is on-and we've just turned up the volume! We're thrilled to ...

How SC4S Makes Suricata Logs Ingestion Simple

Network security monitoring has become increasingly critical for organizations of all sizes. Splunk has ...