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

Dash Python - How to make the x-axis display only integers in bar chart?

I am a newbie to Dash Framework and Plotly. I am trying to plot a bar chart. I want the x-axis to display only integral values . Here's the code of the dash core component:- dcc.Graph(id='bar-chart1', figure=px.bar(data_frame=df, …
Anshuman Verma
  • 105
  • 1
  • 1
  • 8
1
vote
1 answer

Dash unable to work (Dropdown and bar chart)

I can't seem to make my dashboard and the main problem is in the dropdown and the plot (bar chart). I have tried most of the stuffs but I still can't figure out what's the problem. Does anyone know what's wrong with my code? The 'population' is…
dspassion
  • 41
  • 1
  • 7
1
vote
3 answers

How to embed and display Google Sheets on Dash app excluding the menu and toolbar?

My goal is to show only the first tab of the sheet and hide the editing toolbar. I found a few sources that were achieving this goal by adding &rm=minimal&single=true& to the end of the URL to do this, but this has no effect. Is this…
ah2Bwise
  • 82
  • 2
  • 17
1
vote
0 answers

Dropdown search optimized for large number of element

I'm using plotly Dash and the Dropdown core component (https://dash.plotly.com/dash-core-components/dropdown) to search in a form which can have up to 50000 elements. ISSUE The issue is that when I access the page for the 1st time, it takes ~15s to…
user1403546
  • 1,680
  • 4
  • 22
  • 43
1
vote
2 answers

Add legend to Dash DataTable

Starting from the following code, I'd like to add a legend to this tabular: from dash import Dash, dash_table import pandas as pd df = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/master/solar.csv') app =…
Ohumeronen
  • 1,769
  • 2
  • 14
  • 28
1
vote
2 answers

Is it possible to change background color of main body for multiple pages?

My dashboard has multiple pages, each page contain top navigation bar and container. In my style.css file there is only one body to change background color of body, currently I change background colors of container. My question is: is it possible to…
roudan
  • 3,082
  • 5
  • 31
  • 72
1
vote
1 answer

Store edited DataTable in Dash

I am trying to store an edited Python Dash DataTable into a dcc.store container with a button component and use the saved data at a later point. However, once I change the original DataTable, the stored container also changes. I found the following…
dsforecast
  • 17
  • 8
1
vote
1 answer

Flask application open in multiple tabs downloads corrupted excel file

I am a new developer and I developed a small flask app that takes excel file as input, process it and downloads the result as an excel file. When I run in 1 browser tab the app works as expected. But if I run in multiple browser tabs simultaneously,…
Vkey
  • 41
  • 5
1
vote
0 answers

How to center a Dash datatable that doesn't fill the width of the screen

My goal is to center this datatable that doesn't fill the width of the screen. I have tried applying center-align styling to the row, col, placing the table in a div, and styling the table itself. Nothing seems to work. What am I doing wrong? FWIW,…
ah2Bwise
  • 82
  • 2
  • 17
1
vote
1 answer

Retrieve click data from Python Holoviews / Datashader

I'm coming from Python-Dash trying to achieve an interactive graphing functionality by creating a second graph using the click data of the first one. Similar to what can be found here I'm stuck in retrieving and correctly using the click data to…
dll
  • 97
  • 7
1
vote
1 answer

How to increase left and right margin in each cell of Dash DataTable

I am using fill_width=False, this makes everything in the table visible cramped. My goal is to add some space to the left and right of the contents in each cell. I am attempting this with the style_cell and have tried adding both margin and padding,…
ah2Bwise
  • 82
  • 2
  • 17
1
vote
0 answers

vertical line marker in dash progress bar

I have been working on a python dash-app (dashboard) in which I want to show used budgets with a dash/bootstrap progress bar. I would like to mark 100% of the budget with a vertical line in the progress bar (see the images below). The bar itself…
DanielHe
  • 179
  • 1
  • 3
  • 10
1
vote
0 answers

why we set id parameter in plotly Dash ? can you explain plotly Dash code like below?

from dash import Dash, dcc, html, Input, Output app = Dash(__name__) app.layout = html.Div([ html.H6("Change the value in the text box to see callbacks in action!"), html.Div([ "Input: ", dcc.Input(id='my-input',…
1
vote
1 answer

Python Plotly Dash: Automatically iterate through slider, 'PLAY BUTTON'

I would like to include a component in my Dash App, that automatically goes through all of the values of a slider. Basically a ‘play button’. As the consequence the callback with the slider value as input should fire and update the output…
peter
  • 756
  • 5
  • 16
1
vote
1 answer

dash component Interval property n_intervals value shows differently in callback

I have this short code that use the dcc.Interval component to update a text in the callback, where I tried to print out the value of the n_intervals property. from dash import Dash, html, dcc, Input, Output app = Dash() dccinterval =…
xcosmos
  • 33
  • 5