zcanter / aframe-scatterplot Goto Github PK

Hi,

If you like, maybe you can mention my recent component in your README:
https://github.com/morandd/aframe-heatmap3d/

Like yours, it is built for displaying spatial data. I'm reading data from an image file instead of JSON. (Once plus for using image files is the great compression: compare the filesize of the same data as JSON vs. a low-quality JPG.)

Hi there!

I'm using the scatterplot to plot 15000 data points, but when the data is mapped out, the overall performance of the entire aframe environment starts slowing down. It only slows down when I "look" at the scatterplot (for example, if the scatterplot was positioned behind me, there are no performance issues). Chrome's "Inspect element" window outputs the error [Violation] 'requestAnimationFrame' handler took 88ms, and it outputs this error message multiple times a second (with different values for how long it took; it's not always 88ms). Is this a known issue, and is there something I can do to resolve this? Thanks! 😃

Benji

I'm here reporting an interesting bug that I've discovered when doing DOM manipulation on the 'src' attribute of the scatterplot and changing it to a GET request.

Here's my setup: I have all my data in a PostSql database, and I can access that data with a GET request. So if I do graph.setAttribute('src', "http://url/api/dataID, I can get the data that I want. Setting the scatterplot's 'src' to "http://url/api/dataID" works, since the url is considered a file path 😃

The strange part is when I try changing the 'src'.

I noticed that if I tried to change the 'src' frequently, the scatterplot had the chance to display the wrong data. When this happens, the scatterplot crashes. It no longer loads new data, and when I refresh my application, the scatterplot disappears altogether. The only way to bring it back is to restart the node server hosting this application.

I decide to look into this further. By setting the 'src' to a url, the scatterplot makes a GET request. So I looked into my backend and put some console.log commands. What data is being served?

Here's what I've found. If my current 'src' is "http://url/api/0", and I do graph.setAttribute('src', "http://url/api/1, I expect only one GET request to be made. But instead, there are two GET requests: one for dataID = 0, and one for dataID = 1.

I also discovered that the order of when the GET requests are called appear to be random; sometimes, the GET request for dataID = 0 would be called first, and sometimes it would be called last. The order in which the GET requests return data was random as well; if the GET request for dataID = 0 started first, there was no guarantee that it would return first either.

Essentially, another GET request was made without my command, and it created a race condition, breaking the scatterplot whenever the GET request that I want doesn't come last.

I would love to hear why this may be happening; I've been stuck on this for a while 😓

The given ocean data looks amazing on mobile in VR mode and even without it the touch controls for rotating and viewing the plot are fluid.
But cant upload json files to test with other data. If you could add a button for uploading file, it would be great.

Hi, I'm currently modifying your code from the example. And I have replaced your file by my own dataset and marker.

My question is, I found that once I change the folder structure (eg. put the .html and dataset under the same location), it won't work. Seems like that the dataset was not able to be captured, even if I have changed the data source.

If I wish to put all the important files under the same location, what else do I need except for:

• html
• dataset (.json)
• marker file (.patt)

Thank you.

By the way, I'm guessing you use bmfont instead of the new "a-text" in the addText() function because a-text was not available when you originally wrote this. Is that right?

I think it may be worthwhile to switch to the new a-text, simply to speed up page load a wee bit by avoiding the extra XHRs needed in the current approach.

But before I do this, I just wanted to check if there was a good reason you're not already using 'a-text'.

Can you add point labels on hover?
This tool aframe-scatterplot, allows visualization of the dataset in 3D and helps in qualitatively understanding the data. But as I am scanning the plot moving around in 3D, I want to be able to point to a particularly interesting data-point and see its attributes. Something like this.
If some point directly in line of sight [or on mouse hover] it should light up a point label.

Do you think this is possible? With this feature I could switch completely from matplotlib for viewing my 3D scatter plots.