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!

Get ready to show some Splunk Certification swagger at .conf24!

Dive into the deep end of data by earning a Splunk Certification at .conf24. We're enticing you again this ...

Built-in Service Level Objectives Management to Bridge the Gap Between Service & ...

Now On-Demand Join us to learn more about how you can leverage Service Level Objectives (SLOs) and the new ...

Database Performance Sidebar Panel Now on APM Database Query Performance & Service ...

We’ve streamlined the troubleshooting experience for database-related service issues by adding a database ...