3D lines not outputting from WebGL Globe (potential CSS conflict?)

I am trying to add WebGL Globe rendering to a regular SaaS application (Splunk) and instead of getting lines from the globe, I only see dots.

I suspect the app has its own CSS or something that overrides and hides or prevents lines from escaping. But I have no idea where to start debugging or what "nasty" CSS properties I should be looking for.

I'm not sure if this helps, but here are 2 screenshots from the CSS properties of two elements: <div>

and <canvas>

that are inside <div>

:

https://www.dropbox.com/s/x7qqkhimkh34h8q/Screenshot%202014-09-26%2000.40.35.png?dl=0 https://www.dropbox.com/s/h79190dgf2k99w6/Screenshot%202014-09 -26% 2000.40.44.png? Dl = 0

My sample JSON data is from this tutorial and it really is. I even tried a very simple dataset

[['series1', [0, 0, 1]]]

      

        
        
        
      

    

and even that didn't work (there was only one point).