Dashboards & Visualizations

How to create a custom Hunk dashboard with JavaScript and CSS to display data on top of Google Maps?

seregaserega
Explorer

Hi,

I want to create custom hunk dashboard.
This dashboard should have custom javascript, css. Javascript would query hunk to get data and display results on top of Google Maps.
There should be controls on the dashboard (day/hour dropdown for example).
Where can I find a sample for such stuff?
I've found some REST API docs, places where to drop custom javascript/css, but didn't find the right way to create and deploy such a dashboard.

0 Karma

nfilippi_splunk
Splunk Employee
Splunk Employee

Have you looked at doing this entirely using the out-of-the-box map visualization, and dashboard controls? See the dashboard examples app for a reference search/vis example.

Splunk 6.x Dashboard Examples App
https://splunkbase.splunk.com/app/1603/

In other words:

  • Use Splunk search to query hunk rather than custom javascript
  • Use the built-in Splunk maps to render results
  • Use the form inputs supported by the Splunk dashboard editor to control date/time

Ledion_Bitincka
Splunk Employee
Splunk Employee

The Google Maps Add-on (https://splunkbase.splunk.com/app/368/) would be a good starting place, it should be fully compatible with Hunk even though the name doesn't mention it

0 Karma
Get Updates on the Splunk Community!

Unlock Database Monitoring with Splunk Observability Cloud

  In today’s fast-paced digital landscape, even minor database slowdowns can disrupt user experiences and ...

Purpose in Action: How Splunk Is Helping Power an Inclusive Future for All

At Cisco, purpose isn’t a tagline—it’s a commitment. Cisco’s FY25 Purpose Report outlines how the company is ...

[Upcoming Webinar] Demo Day: Transforming IT Operations with Splunk

Join us for a live Demo Day at the Cisco Store on January 21st 10:00am - 11:00am PST In the fast-paced world ...