import dash
from dash import dcc, html
import plotly.graph_objs as go
import numpy as np
# Generate data for many scattergl traces
num_points = 10000
num_traces = 4
traces = []
for i in range(num_traces):
 x = np.arange(num_points)
 y = np.random.rand(num_points) + i
 customdata = [f"Trace {i+1} - Point {j}" for j in range(num_points)]
 labels = [f"Trace {i+1} - Point {j}" if j==0 else "" for j in range(num_points)]
 
 trace = go.Scattergl(
 x=x, 
 y=y, 
 mode='lines+text', 
 name=f'Trace {i+1}',
 customdata=customdata,
 text=labels,
 textposition='top center',
 hovertemplate="%{customdata}<br>X: %{x}<br>Y: %{y}<extra></extra>"
 )
 
 traces.append(trace)
# Create the figure
fig = go.Figure(data=traces)
fig.update_layout(title=f'ScatterGL with {num_traces} Traces', xaxis_title='X', yaxis_title='Y')
# Create Dash app
app = dash.Dash(__name__)
app.layout = html.Div([
 html.H1("Dash ScatterGL Example"),
 dcc.Graph(figure=fig)
])
if __name__ == "__main__":
 app.run(debug=True)