Stack Overflow
Stack Overflow

Questions tagged [dash-bootstrap-components]

dash-bootstrap-components is a library of Bootstrap components for Plotly Dash.

dash-bootstrap-components is a library of Bootstrap components for Plotly Dash, that allows you to build consistently styled apps with responsive layouts.

77 questions
0
votes
1 answer

Python Dash - Create multiple elements through for loop

Let's say I have 10 records on my database and I want to render all of them in my Dash web app, is there a way where I can render all of them through a for loop? I've tried creating a function that renders the element but when I try to iterate…
bona.coder
  • 3
  • 4
0
votes
1 answer

Toggle between different density maps using HTML

I've got two separate figures that use callbacks to filter spatial coordinates. The figures contain a scatter plot and a heat map. Is it possible to incorporate both within a single figure, but use either a Dropdown or RadioItems to select one or…
jonboy
  • 415
  • 4
  • 14
  • 45
0
votes
1 answer

Plot bar chart with separate color legend - dash Plotly

I'm trying to plot certain values using dash as a bar chart but use a separate column to map the colors. Using below, I'm plotting dates as a bar-chart that corresponds to a drop down bar. Is it possible to keep the dates as the x-axis but use DOW…
Chopin
  • 96
  • 1
  • 10
  • 35
0
votes
1 answer

Callback error with barchart - Plotly dash

I'm trying to insert an interactive bar-chart using values in a df. Using below, I've got the unique values from Type displayed as RadioItems. I'm aiming to link these to a bar chart within the dbc.Container. The first 5 rows of the df are displayed…
Chopin
  • 96
  • 1
  • 10
  • 35
0
votes
1 answer

Display interactive metrics within dbc.Card - Dash

I'm aiming to include interactive counts as metrics. Specifically, insert total sums within cards that will changed depending on the variable selected from a nav bar. Using below, the Navbar is used to display the proportion of successes and…
jonboy
  • 415
  • 4
  • 14
  • 45
0
votes
0 answers

Expand graph to the full size of the Dash bootstrap (dbc) column in python

I've been working with dash recently and come across a problem. My Graph on the Side does not expand to the full size of the dbc column and I dont get why. In the end I want both line charts stacked above each other and the bar chart next to them.…
Bleatingquagga
  • 5
  • 3
0
votes
2 answers

how to render html in python-dash-bootstrap-components?

I've tried many things but I can't get this code to render. Unfortunately, it only appears as a string in the browser. The variable "html code" contains the code that the Tradingview chart is displayed, but it only appears as a string. Does somebody…
Chris0815
  • 69
  • 6
0
votes
0 answers

How can I do a bootstrap 3d kmeans clusters with dash plotly python

I'm traying to do a 3d scatter k means clusters using this: I've only changed what is obvious ... but still cant make it work (at the end appears the error). Please, what can I do to fix this and make it work. I'm using bootstrap, dash plotly for…
boxertrain
  • 5
  • 3
0
votes
1 answer

Render Many Images with dbc.Carousel in Dash app

I have a large file of images I will like to display and eventually filter on (with callback) using dbc.Carousel. Currently, I cannot get the images to display on the local test server (127.0.0.1) - I either get a no image sliding thumbnail…
Sam Dean
  • 379
  • 9
  • 19
0
votes
1 answer

Plotly Dash: switch between layouts based on viewport size

I have a Dash app made up of three sections: top, middle and bottom. I want it to look like this when displayed on mobile (viewport size xs): +--------+ # mobile | top | |--------| | | | middle | | | |--------| |…
lukearend
  • 170
  • 2
  • 7
0
votes
1 answer

How to manage buttons alignment in dash bootstrap component (dbc) navbar element?

I guess my problem is with formating html which is created automatically. I need a navbar with several buttons. 1 on the left, 2 on the right. Between those buttons i need some text. I manged to do that with this code below: navbar =…
foodshare
  • 11
  • 4
0
votes
1 answer

Python Dash - Is it possible to collapse multiple sections when pressing one button?

I have a dashboard app I'm working on. It has 3 buttons that each collapse/expand a section when clicked. What I'd like to do is have every other section be closed when clicking one of the buttons. I haven't been able to figure out how to make…
FranksNBeans
  • 18
  • 6
0
votes
1 answer

How to connect HTML elements with Dash Callback in Python

I'm using both html elements and dash bootstrap components in my code and wonder if I can connect an HTML component with a Dash component in callback. For example, I have a dash dropdown menu and want to update the html text based on the input of…
sgrimes
  • 149
  • 2
  • 11
0
votes
1 answer

How do I render a hyperlink in a Dash table? (DataTable or dbc Table)

I'm currently working on a Dash frontend interface (python), where I'm loading data from a Pandas dataframe into a table. My question is: How do I render a hyperlink in a table? I would be interested for solutions with both Dash's DataTable…
gru
  • 2,319
  • 6
  • 24
  • 39
0
votes
1 answer

Python Plotly Dash : responsive/ autosize indicator text

How to resize text and numbers in indicator automatically when changed browser window size. For example: import plotly.graph_objects as go import dash_bootstrap_components as dbc import dash import dash_core_components as dcc import…
Galat
  • 399
  • 6
  • 25
1 2 3
4
5 6