Dashboards & Visualizations

Loading an external JS file in splunk

nadlurinadluri
Communicator

I need to load a js from external location (google maps js which Google exposes), instead of storing it in /appserver/static location. Is it possible to do that?

0 Karma

niketn
Legend

@nadlurinadluri please check out Splunk Custom Visualization API documentation if you need to use external JS for visualization: https://docs.splunk.com/Documentation/Splunk/latest/AdvancedDev/CustomVizTutorial#Create_the_visuali...

One other option would be to convert to HTML dashboard (however, you will lose Simple XML dashboard and several other features and editing dashboard would not be easy unless you are familiar with HTML, JS, CSS and Splunk Web Framework): http://dev.splunk.com/view/SP-CAAAEN6

If this is for GoogleMapView, you can try out Splunk Web Framework with Simple XML JS Extension using SplunkJS view: https://docs.splunk.com/DocumentationStatic/WebFramework/1.1/compref_googlemap.html

If it is plain js file (unlike with async defer options with Google Maps JS), you can also use simple XML JS Extension to directly include the CDN url. For example js with d3 CDN (d3_cdn.js) below which can be used in Dashboard:

require(["jquery", 
         "https://d3js.org/d3.v5.min.js",
         "splunkjs/mvc/simplexml/ready!"], function($, d3) {
    console.log("D3 Script Loaded");
    d3.selectAll("#mydiv p").style("color", "blue");
});

Following is a run anywhere example:

<dashboard script="d3_cdn.js">
  <label>D3 Using CDN</label>
  <row>
    <panel>
      <html>
        <div id="mydiv">
          <p>Some Text here.</p>
          <p>Some Text there.</p>
        </div>
      </html>
    </panel>
  </row>
</dashboard>
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma
Get Updates on the Splunk Community!

Accelerating Observability as Code with the Splunk AI Assistant

We’ve seen in previous posts what Observability as Code (OaC) is and how it’s now essential for managing ...

Integrating Splunk Search API and Quarto to Create Reproducible Investigation ...

 Splunk is More Than Just the Web Console For Digital Forensics and Incident Response (DFIR) practitioners, ...

Congratulations to the 2025-2026 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...