Questions tagged [plotly-dash]

Dash is a framework for building data visualisation web applications. The original release was for Python, but Julia and R versions of the framework are also now available.

Dash is written on top of Plotly.js and React.js, and its Python implementation uses Flask on the backend.

Extensive documentation and a gallery of examples are available.

Dash is an open source library, released under the MIT license.

Enter image description here

Enter image description here

Enter image description here

4538 questions
1
vote
0 answers

How to creat a progress bar in Dash?

I'd like to create a progress bar after clicking a button. For example, it goes from 0%, 20%, 40%, 60, 80%, 100% in 5 seconds. Then the bar disappears. How do I do this? I see a tutorial that use dcc.interval, but the interval just automatically…
wangge
  • 145
  • 5
1
vote
2 answers

Increase size of Plotly / Dash Figure

I have the following code: import numpy as np from dash import Dash, html from dash import dcc import dash_bootstrap_components as dbc import plotly.graph_objects as go app = Dash(external_stylesheets=[dbc.themes.BOOTSTRAP]) app.layout =…
HJA24
  • 410
  • 2
  • 11
  • 33
1
vote
1 answer

Remove empty left space - plotly dash bootstrap

I am using dash bootstrap components so all my components are where I want them in my layout. But they are alinged in the center of their rows. There is a lot of emtpy space from the left side to my first graph. Why is that and how can I remove…
Birk
  • 59
  • 5
1
vote
1 answer

Accept two inputs on a callback in plotly

I want to update a line chart in real-time on the dashboard. I have dashboard built in dash using plotly. On the dashboard, I have a line chart. There is a dropdown and that determines what data is displayed and then I also want it to update in…
Cauder
  • 2,157
  • 4
  • 30
  • 69
1
vote
1 answer

How to put two graphs side by side in Dash Python

I'm trying to put these two graphs side by side in dash, I already used inline block but it's still not working, could anyone help me here? app = dash.Dash(__name__) app.layout = html.Div([ html.Div([ html.H1('Vacunados por…
Sebastian Nin
  • 184
  • 1
  • 13
1
vote
0 answers

why displayed html file disappear by auto page refreshing?

I am tying to display pandas styled dataframe table. It do display exactly as I want, but it disappear immediately by auto page refreshing and then page goes back to original empty page. Here is what I do: convert panda's style dataframe into html…
roudan
  • 3,082
  • 5
  • 31
  • 72
1
vote
2 answers

Best way to generate a high quality word-cloud image for a Dash-app

I have an issue with my wordclouds displaying very pixelated on my plotly dash app. I am using the wordcloud class to generate the wordcloud, then using go.Figure() with a go.Image() trace to generate the plot that is returned to my dash app as a…
1
vote
2 answers

How to clear input after clicking in button submit in Dash?

I'm trying to clear a dcc.input` in dash after clicking and returning the results with a submit button and I can't do it. I don't know what I'm doing wrong can you please help? I already read this…
Ricardo Alves
  • 145
  • 1
  • 2
  • 8
1
vote
0 answers

Why i get KeyError: 'TIME' running this code. This error i got when tried fasten graph with slider

i just don't undestand why this code dont working Something wrong in def update_figure(selected, year_value) The dataset have year which named 'TIME' app.layout = html.Div([ dcc.Graph(id="my-graph"), …
jigojitoku
  • 11
  • 2
1
vote
1 answer

Passing Matplotlib's figure to a Plotly Dash Graph in Python

I am plotting a word cloud of a sentence in python using Matplotlib like below: import matplotlib.pyplot as plt from wordcloud import WordCloud, STOPWORDS word_cloud = WordCloud(collocations = False, background_color = 'white').generate("This is a…
Naser.Sadeghi
  • 1,341
  • 1
  • 12
  • 35
1
vote
0 answers

Schema Length Validation Error on Python Dash DataTable

I am building a dashboard using python dash and have a requirement of datatable with multiple dropdowns. The dataframe is created one with groupby (multiple columns) and aggregation. I have written the code as below: ''' app =…
1
vote
0 answers

What's the proper way to reduce the space between the graph and the modebar in Dash?

I'm trying to live plot some data and the sidebar is getting pushed to the right too much because of the figure dimensions. What's the proper way to control that gap? My code: app = dash.Dash(__name__) app.layout = html.Div( [ …
Leo
  • 101
  • 7
1
vote
1 answer

Control a Plotly line color according to its value?

I'm creating a dashboard in which I would like to compare the difference of price between two regions directly. If the price of region 1 is higher, y is POSITIVE, if the price of region 2 is higher, y is NEGATIVE. The problem is that I would like…
1
vote
0 answers

CAD Model rotations and translations in Dash VTK

I have been looking through the Dash vtk documentation to search for a way to open STL files in the browser and be able to translate and rotate those files using python. Essentially like a mini version of CURA where you can just move the model…
lionheart
  • 11
  • 1
1
vote
1 answer

plotly.scatter figure doesnt reset when updating with callback (python dash)

I have the following problem: I try to plot a plotly.scatter plot combined with dash which should be changeable with sliders using callback. I searched through the documentation of dash and plotly and found some examples for basic and advanced…
TR3478
  • 25
  • 6