Dashboards & Visualizations

Visualisation: Data flow diagram

manish_singh_77
Builder

How do we pass queries for div boxes in html tag for data flow diagram?

I have created data flow diagram in html and css and now trying to pass queries for the boxes, pls help.

Tags (1)
0 Karma

niketn
Legend

@manish_singh_777 , check out Status Matrix Custom Visualization
Also check out my Splunk Wiki Talk Topic on Status Flow of Order using Status Indicator custom visualization.

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

manish_singh_77
Builder

@ Niketnilay

Yes, am trying to show a single result in html , it could be Red, Amber or Green as per the current status that we would fetch from the query.

0 Karma

manish_singh_77
Builder

@ Niketnilay

Yes, am trying to show a single result in html , it could be Red, Amber or Green as per the current status that we would fetch from the query.

0 Karma

manish_singh_77
Builder

@niketnilay , could you please help on this one?
@sandyIscream , please assit
@somesoni2 , could you please assist in this one?

0 Karma

manish_singh_77
Builder

Correction: Data flow diagram is created in html only not css.
Also, I am also trying to using alternate way of passing query on image, like image overlay dashboard but it is not working.

0 Karma

niketn
Legend

@manish_singh777 can you add a mock up of what you have and where you need to add values?

Splunk Dashboard Examples already has an example of Image Overlay with Single Value

You can check out one of my Wiki Talks for adding Image along with value as overlay on existing background Image: https://wiki.splunk.com/User_talk:Niketnilay#Topic_1:_Image_Overlay_with_Icons_Example:_Extends_Imag...

Or else you can check out use of Status Indicator with Trellis to show Data (check Topic 15: Flow:https://wiki.splunk.com/User_talk:Niketnilay )

Also check out Network Topology Custom Visualization

If none of these help please add more context to your issue for us to assist you better.

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

manish_singh_77
Builder

@ Niket,

Code is written in html for data flow diagram and am trying to pass query for the div boxes.
Unable to pass queries.

0 Karma

niketn
Legend

Is this <html> panel or html dashboard?

What do you mean by pass query? Do you want to show a single result in html <div> section or you want to show the entire result (like in table format or something)?

I am afraid seems like this is very much specific to your code and we would be able to assist you better only once we get fair idea of what is your current output and code and what is the expected output.

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

New to the Community? Join Us for an Exclusive Post .conf26 Welcome Session (Plus a ...

Keep the .conf26 Energy Going: Welcome to the Splunk Community! Whether we scanned your badge at the Community ...

Accelerate Splunk App Development with AI

  Learn how to automate the repetitive parts of your build cycle.   Register to Attend   Join our Tech Talk ...

Meet the .conf26 AI Agent Buildathon Winners

At the .conf26 AI Agent Buildathon, Splunk users turned their operational expertise into working AI agents ...