CODEWITHSUNDEEP
javascriptcssthree.jssplunkwebgl-globe
hobbes3
hobbes3

Reputation: 30238

3D lines not rendering out of WebGL Globe (potential CSS conflict?)

I am trying to add a WebGL Globe visualization into a custom SaaS application (Splunk) and instead of getting lines out of the globe, I only see dots.

enter image description here

I suspect the application has its own CSS or something that is overriding and hiding or preventing the lines from coming out. But I have no idea where to start debugging and what "troublesome" CSS properties I should be looking for.

I'm not sure if this helps, but here are 2 screenshot of the CSS properties of the 2 elements: the <div> and the <canvas> that is inside the <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 is valid. I even tried a very simple dataset of

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

and even that didn't work (there was just one dot).

Upvotes: 3

Views: 742

Answers (1)

anrjustin
anrjustin

Reputation: 11

Your magnitudes in your JSON file are really small which leads to the dots not looking like lines. try increasing the magnitude to something closer to approximately 0.5 or so.

Upvotes: 1

Related Questions