💄 Improve default chart view

mlexchange · Jul 11, 2023 · e25c3cb · e25c3cb
1 parent 3b697ef
commit e25c3cb
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/callbacks/image_viewer.py b/callbacks/image_viewer.py
@@ -33,7 +33,10 @@ def render_image(
         dragmode="pan",
         height=620,
         width=620,
+        paper_bgcolor="rgba(0,0,0,0)",
+        plot_bgcolor="rgba(0,0,0,0)",
     )
+    fig.update_traces(hovertemplate=None, hoverinfo="skip")
 
     # set the default annotation style
     hex_color = dmc.theme.DEFAULT_COLORS[annotation_color][7]

diff --git a/components/image_viewer.py b/components/image_viewer.py
@@ -1,6 +1,7 @@
 from dash import html, dcc
 import dash_mantine_components as dmc
 from dash_iconify import DashIconify
+from utils.plot_utils import blank_fig
 
 COMPONENT_STYLE = {
     "width": "640px",
@@ -85,7 +86,9 @@ def layout():
                     color=dmc.theme.DEFAULT_COLORS["blue"][6], variant="bars"
                 ),
                 children=[
-                    dcc.Graph(id="image-viewer", config=FIGURE_CONFIG),
+                    dcc.Graph(
+                        id="image-viewer", config=FIGURE_CONFIG, figure=blank_fig()
+                    ),
                 ],
             ),
         ],

diff --git a/utils/plot_utils.py b/utils/plot_utils.py
@@ -0,0 +1,10 @@
+import plotly.graph_objects as go
+
+
+def blank_fig():
+    fig = go.Figure(go.Scatter(x=[], y=[]))
+    fig.update_layout(template=None)
+    fig.update_xaxes(showgrid=False, showticklabels=False, zeroline=False)
+    fig.update_yaxes(showgrid=False, showticklabels=False, zeroline=False)
+
+    return fig