Plotly.js: Safari not rendering scattergl traces

Created on 11 Apr 2018 · 8Comments · Source: plotly/plotly.js

When I look at this example, the first 2 scatterplots are empty.

this is the log :

[Error] WebGL: INVALID_VALUE: bufferData: size == 0
    bufferData
    u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
    create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
    buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
    exports (plotlyjs-bundle.c9ee06fe8613.js:1:2601002)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490441)
    v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
    (anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
    syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
    promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
    bufferData
    u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
    create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
    buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
    exports (plotlyjs-bundle.c9ee06fe8613.js:1:2601120)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490441)
    v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
    (anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
    syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
    promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
    bufferData
    u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
    create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
    buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
    exports (plotlyjs-bundle.c9ee06fe8613.js:1:2601173)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490441)
    v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
    (anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
    syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
    promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
    bufferData
    u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
    create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
    buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
    exports (plotlyjs-bundle.c9ee06fe8613.js:1:2623124)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490478)
    v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
    (anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
    syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
    promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
    bufferData
    u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
    create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
    buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
    exports (plotlyjs-bundle.c9ee06fe8613.js:1:2623177)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490478)
    v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
    (anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
    syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
    promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
    bufferData
    u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
    create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
    buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
    exports (plotlyjs-bundle.c9ee06fe8613.js:1:2623231)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490478)
    v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
    (anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
    syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
    promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
    bufferData
    u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
    create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
    buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
    exports (plotlyjs-bundle.c9ee06fe8613.js:1:2623284)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490478)
    v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
    (anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
    syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
    promiseReactionJob
[Error] WebGL: INVALID_OPERATION: drawElements: unable to simulate vertexAttrib0 array
    drawElements
    batch (Anonymous Script 1 (line 1966))
    (anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:2692519)
    M (plotlyjs-bundle.c9ee06fe8613.js:1:2632387)
    draw (plotlyjs-bundle.c9ee06fe8613.js:1:2487054)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:2493114)
    v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
    (anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
    syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
    promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
    bufferData
    u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
    create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
    buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
    exports (plotlyjs-bundle.c9ee06fe8613.js:1:2623124)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490478)
    v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
    (anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
    syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
    promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
    bufferData
    u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
    create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
    buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
    exports (plotlyjs-bundle.c9ee06fe8613.js:1:2623177)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490478)
    v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
    (anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
    syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
    promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
    bufferData
    u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
    create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
    buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
    exports (plotlyjs-bundle.c9ee06fe8613.js:1:2623231)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490478)
    v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
    (anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
    syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
    promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
    bufferData
    u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
    create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
    buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
    exports (plotlyjs-bundle.c9ee06fe8613.js:1:2623284)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490478)
    v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
    (anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
    syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
    promiseReactionJob
[Error] WebGL: INVALID_OPERATION: drawElements: unable to simulate vertexAttrib0 array
    drawElements
    batch (Anonymous Script 2 (line 1966))
    (anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:2692519)
    M (plotlyjs-bundle.c9ee06fe8613.js:1:2632387)
    draw (plotlyjs-bundle.c9ee06fe8613.js:1:2487054)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:2493114)
    v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
    plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
    (anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
    syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
    promiseReactionJob
[Error] Failed to load resource: the server responded with a status of 404 () (plotly-ico.png, line 0)

bug

Source

LeanderK

Most helpful comment

If @dy works evenings then sure, otherwise it's hard for me to get anything done without my machine :)

nicolaskruchten on 17 Apr 2018

😄1 👍1

All 8 comments

Thanks very much for the report.

That's interesting. I've seen those WebGL: INVALID_VALUE: bufferData: size == 0 bufferData messages in Chrome before (e.g. https://github.com/plotly/plotly.js/issues/1976 mentions something similar), but those were never fatal. Looks like Safari is more strict.

WebGL issues can be very browser version and hardware dependent. To help us out even more, would you mind posting those info (something like in https://github.com/plotly/plotly.js/issues/2518#issuecomment-378546848). Thanks!

cc @dy

etpinard on 11 Apr 2018

untitled 2
and:
Safari version: Version 11.1.1 (13605.2.1)

LeanderK on 11 Apr 2018

Interesting I found https://github.com/plotly/plotly.js/issues/2457 which also present issues with scattergl and safari. Not sure why the https://github.com/plotly/plotly.js/issues/2457 didn't report any fatal errors, but only warnings.

etpinard on 13 Apr 2018

I'd consider this a 🚫-ing issue for the R 📦 (scattergl no longer renders in RStudio because of it).

cpsievert on 17 Apr 2018

(scattergl no longer renders in RStudio because of it).

So, RStudio errors when logging _WebGL: INVALID_VALUE: bufferData: size == 0 bufferData_ unlike your other report in https://github.com/plotly/plotly.js/issues/2457?

etpinard on 17 Apr 2018

@etpinard I think the fatal error is WebGL: INVALID_OPERATION: drawElements: unable to simulate vertexAttrib0 array. Looks like I did a poor job of reporting the full problem #2457. I think it's a duplicate of this issue.

cpsievert on 17 Apr 2018

Ok thanks @cpsievert !

Can anyone working out of the MTL office (cc @nicolaskruchten @VeraZab @chriddyp ) lend their Mac to @dy for a few hours this week to try to fix this thing? I guess we could also get @dy setup on browserstack, but debugging WebGL there sounds painful.

etpinard on 17 Apr 2018

If @dy works evenings then sure, otherwise it's hard for me to get anything done without my machine :)

nicolaskruchten on 17 Apr 2018

😄1 👍1

Was this page helpful?

0 / 5 - 0 ratings