plotly / plotly/plotly.js

error with array buffer allocation failure

Open
#5,278 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug P3
Dominant language
JavaScript
Stars
18.3k
Forks
2k
Avg merge
2d 12h
Merged PRs (30d)
28

Description

Describe your context
Steps to setup my environment

conda create -n test python=3.8
conda activate test
pip install dash==1.17.0
pip install plotly==4.12.0
pip install numpy==1.18

My pip list

Brotli               1.0.9
certifi              2020.11.8
click                7.1.2
dash                 1.17.0
dash-core-components 1.13.0
dash-html-components 1.1.1
dash-renderer        1.8.3
dash-table           4.11.0
Flask                1.1.2
Flask-Compress       1.8.0
future               0.18.2
itsdangerous         1.1.0
Jinja2               2.11.2
MarkupSafe           1.1.1
numpy                1.18.0
pip                  20.2.4
plotly               4.12.0
retrying             1.3.3
setuptools           49.6.0.post20201009
six                  1.15.0
Werkzeug             1.0.1
wheel                0.35.1
wincertstore         0.2

My System

OS: Win10 Pro
Browser: Chrome v86.0.4240.193
NodeJS v12.16.2

Describe the bug
I am getting Array buffer allocation failed error when I try to generate a 3D plot with a huge number of data points in it.
Here is my code to reproduce the error when using n=2500

import dash
import dash_core_components as dcc
import dash_html_components as html
import numpy as np
import plotly.graph_objs as go


def get_figure(n):
    x = np.linspace(-100, 100, n)
    y = np.linspace(-100, 100, n)
    xx, yy = np.meshgrid(x, y)
    r = np.sqrt(xx**2 + yy**2)
    zz = np.sin(r) * np.cos(xx)
    return go.Figure(
        data = go.Surface(z=zz),
        layout=dict(width=600, height=600))


app = dash.Dash(__name__, suppress_callback_exceptions=True)

server = app.server
app.layout = html.Div(
    dcc.Graph(
        figure=get_figure(n=2500)
    )
)

if __name__ == '__main__':
    app.run_server(debug=True)

image

Expected behavior
Here is how it looks when I lower the value n, to n=800. I expect dash to render the 3D plot without a problem at n>=2500 but it gives me the Array buffer allocation failed error.

image

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the supplied Python/Dash reproduction, comparing n=800 with n=2500 in the browser. Trace the 3D surface rendering path triggered by dcc.Graph and the reported Array buffer allocation failed error; done means the n=2500 case has a defined, verified outcome rather than an unhandled allocation failure.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, numpy, python
Domain
data-visualization, frontend, performance
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.