Announcing Dash Bio 1.0.0 🎉 : a one-stop-shop for bioinformatics and drug development visualizations.

Array buffer allocation failed

Hi all,

I am geting Array buffer allocation failed error when I try to generate a 3D plot with huge number of data points in it. Here is an example of such plot when my n=800


Here is my sample code. When I increase to n=2500, I am getting the following error.

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(
        layout=dict(width=600, height=600))

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

server = app.server
app.layout = html.Div(

if __name__ == '__main__':

Array buffer allocation failed

(This error originated from the built-in JavaScript code that runs Dash apps. Click to see the full stack trace or open your browser's console.)
RangeError: Array buffer allocation failed

    at new ArrayBuffer (<anonymous>)

    at p (

    at Object.b (

    at A.S.update (

    at f.p.update (

    at Object.e.exports [as plot] (

    at _.w.plot (

    at Object.r.plot (

    at r.drawData (

    at Object.c.syncOrAsync (

Here is my system config

i7-9700k CPU, 48GB DDR4
OS: Win10 Pro
Browser: Chrome v86.0.4240.193

NodeJS v12.16.2
Python v3.8.3

numpy                1.18.0
plotly               4.12.0
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

Does anyone how to fix this issue?
I also submit a ticket to Github.