WebGL visualisations not rendering on iOS

I've tried opening a few WebGL-powered visualisations (e.g. wavenumbers) on iOS devices in Safari but am greeted with "Webgl is not supported by your browser - visit http://get.webgl.org for more info". However, WebGL is well-supported in Safari and is able to render graphics from other libraries (e.g. three.js).

I'm not terribly familiar with the project, but I'm poking around how GL context is determined and when showNoWebGlMsg() is fired in /src/plots/gl3d/scene.js. Am I barking up the right tree, or totally off-base?

It might be that we are passing incompatible parameters to the webgl context creation. This is hard to test without access to an iOS device. I'll see if I can scrounge one up or borrow something to test.

This is the error I'm able to trigger from Safari's developer console (iPhone 6 Plus, iOS 9.2.1):

TypeError: undefined is not an object (evaluating 'scene.glplot.canvas')              1295
draven.min.js:1:12125
contextraven.min.js:1:11951
(anonymous function)80b358f249c0.js:16382:547
ljquery.min.js:1:17001
fireWithjquery.min.js:1:17784
readyjquery.min.js:1:12515
Ajquery.min.js:1:9914

Though raven.js is for Sentry, no?
Edit: happy to test anything you have from my end.

I have the same issue in both Chrome and Safari on iPhone 6 iOS 9.3. Funny thing is visiting http://get.webgl.org in the error message shows a spinning cube just fine.
Hope you can figure it out and fix so iOS users can enjoy awesome plot.ly 3D charts :)

Has there been any progress on this issue? I'd love to have a working 3D scatter plot on iOS but currently get the same message as above.

I second the request for progress on this issue. This issue is a blocker for me using 3D charts.

Same issue for Firefox running on Android (Samsung Galaxy S6)

Ok, part of the issue, at least for scatter3d, appears to be in gl-fbo ↑

@dfcreative

Seems that iOS just does not allow rendering to floating point textures. It should be fixed here.
just mention @dfcreative

It also is a big drawback for me as I use an Ipad often for data visualisation presentations. Any updates on this?

This should fix 3d-related issues.

Surface Plot under iOS 10 still prints "Webgl is not supported by your browser" using plotly.js version 1.24.0.

@bg23

@bg23 can you share an example?

@etpinard

@etpinard I'm also getting this error, e.g. on the plotly example 3d surface plots: https://plot.ly/python/3d-surface-plots/

Screenshot below from an iPad Mini 4 running iOS 10.2.1, taken just now.

@chriddyp

The other exception is @chriddyp's plot which has question mark glyphs for all of the characters.

Another argument for 🔪 the current unicode to texture algo cc @dfcreative

Even in the iOS simulator using iOS 10.3 + iPhone 5, it shows ? on the first load and proper glyphs on the second. Is it conceivably possible that it's a font loading issue? Maybe solvable by this sort of thing? Not sure why question marks would be the missing font fallback though.

On iPad with iOS and Safari 10.3: Scatter and Mesh fail with Webgl not supported. Hue value is OK, but characters are shown as question marks. Von meinem iPad gesendet

…

Am 17.07.2017 um 15:56 schrieb Étienne Tétreault-Pinard ***@***.***>: @ischurov @man-bear-pig #1411 (released in 1.24.0) did fix the problem for some iOS distro, but looks like not all. I'll gladly reopen this issue. Looking at the reports in detail, the problems appear to only concern surface traces. Could anyone here be interested in testing our other WebGL trace types to help us narrow down the problem? For example, https://plot.ly/javascript/3d-scatter-plots/ https://plot.ly/javascript/3d-mesh/ https://plot.ly/~chris/17389.embed — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

@bg23

@bg23 can you go to http://webglreport.com/ to see if your iPad's browser does support WebGL?

It supports Webgl 1, but not Webgl 2. All Webgl apps I tried were working,except for plotly.js surface plot. Von meinem iPad gesendet

…

Am 17.07.2017 um 22:46 schrieb Étienne Tétreault-Pinard ***@***.***>: @bg23 can you go to http://webglreport.com/ to see if your iPad's browser does support WebGL? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

Fixed for myself locally, see my comment to #1411.

The reason for this bug on iPad is the incomplete iPad detection for mobiles:
In "function isMobile (ua)", the check "ip(hone|od)" must be replaced by "ip(ad|hone|od).
Then surface plots will also work on iPads.

surface plots still do not work on ipads. Even a partial solution with limited touch handling would be very helphul.

I've also got an issue with surface plots not working on ipad.

It would be helpful if people reporting issues could report the specific device and trace type where the issues are observed.

From what I can tell, the subject of this issue (i.e. "WebGL on iOS") is far too broad. As of today, my testing shows that:

on an iPhone 7 (model number A1778): all trace types work
on an iPad Air 2 (model number A1566): all trace types work except scatter3d, mesh3d, surface, cone, and streamtube. (Note that scattergl and scatterpolargl do work, and they use WebGL as well.)

Are there any instances of iPhones where certain trace types do not work, or iPads where trace types other than the ones listed above do not work?

For me the issue is surface (and heatmapgl iirc) on iPad 2018

…

On Sat, 15 Sep 2018, 8:18 pm Nicolas Kruchten, ***@***.***> wrote: It would be helpful if people reporting issues could report the specific *device* and *trace type* where the issues are observed. From what I can tell, the subject of this issue (i.e. "iOS") is far too broad. As of today, my testing shows that: - on an iPhone 7 (model number A1778): all trace types work - on an iPad Air 2 (model number A1566): all trace types work except scatter3d, mesh3d, surface, cone, and streamtube Are there any instances of iPhones where certain trace types do not work, or iPads where trace types other than the ones listed above do not work? — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#280 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAduXcv61OizFRw208yfhV-aDLeLpeI7ks5ubVJzgaJpZM4Hh1cQ> .

@ShaneHudson

Thanks @ShaneHudson! Are you able to use scatter3d or any of the others I listed as broken on my iPad?

Connecting my iPad up to my Mac with developer tools enabled and trying to load a scatter3d traces gives me this:

The error seems to come from in here somewhere: https://github.com/stackgl/gl-fbo

@dy

@dy I see you got something merged in some upstream repo... what are the next steps here? any estimate of when I could see a PR into plotly.js that I could test? I'm ready whenever!

Navigation Menu

Repository navigation

WebGL visualisations not rendering on iOS #280

7 remaining items

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

WebGL visualisations not rendering on iOS #280

Description

Activity

mikolalysenko commented on Feb 24, 2016

mattpolicastro commented on Feb 24, 2016

eugenesvk commented on Mar 27, 2016

McCulloughRT commented on Jul 13, 2016

minimaxir commented on Jul 27, 2016

smvv commented on Jul 27, 2016

dy commented on Oct 7, 2016

dy commented on Oct 7, 2016

g-carmichael commented on Nov 11, 2016

dy commented on Dec 3, 2016

bg23 commented on Mar 3, 2017

etpinard commented on Mar 3, 2017

alubbock commented on Mar 7, 2017

7 remaining items

etpinard commented on Jul 17, 2017

rreusser commented on Jul 17, 2017

bg23 commented on Jul 17, 2017

etpinard commented on Jul 17, 2017

bg23 commented on Jul 18, 2017

bg23 commented on Oct 10, 2017

bg23 commented on Oct 11, 2017

gittar commented on May 20, 2018

ShaneHudson commented on Aug 26, 2018

nicolaskruchten commented on Sep 15, 2018

ShaneHudson commented on Sep 15, 2018

nicolaskruchten commented on Sep 15, 2018

nicolaskruchten commented on Sep 16, 2018

nicolaskruchten commented on Sep 18, 2018

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions