Charts did not display after successfull depoyment on render

Dash Python
1

Hi guys at Plotly community
I have successfully deployed my first app on render However the charts on the dashboard did not appear at all please help me as the charts appeared on my localhost but once I deployed the dashboard they did not show why this have a look at the this url https://bahageel-covid19-dashboard.onrender.com/ and I using Url to read the data only one chart appeared but the rest are not showing you can find the code here on my repo :GitHub - Datascientist88/Dash_Dashboard_COVID19_NO_ONE
help me please
with kind regards

2

In these situations, one of the first things you want to do is open up the dev tools in your browser (hit F12 on Chrome and Firefox) and look at the the Network tab.

Screenshot from 2023-02-01 00-19-42
Screenshot from 2023-02-01 00-19-421589×398 76.4 KB

We can see that in your deployed app the server endpoint that handles responding to callbacks is returning an HTTP 500 error. This could mean a few things, but most frequently it’s an error that’s happened in the Dash app. Unfortunately we don’t get anymore clues, this is all the HTTP response has to tell us:

<!doctype html>
<html lang=en>
<title>500 Internal Server Error</title>
<h1>Internal Server Error</h1>
<p>The server encountered an internal error and was unable to complete your request. Either the server is overloaded or there is an error in the application.</p>

If you’re app is working fine locally in dev mode, then one option you could try is running your app in dev mode on the deployed app in Render. This is different to how you do it with app.run(). What you need to do is add this to your app after the Dash instance is created and then restart/redeploy on Render:

app.enable_dev_tools(debug=True)

But make sure you remove it after you finish testing! as leaving it in would be a security vulnerability.

3

Having just had a look at your code, I suspect your problems could be to do with using FigureWidget. That’s meant to be used for dynamic plots that respond to state changes inside Jupyer Notebooks. When using Dash, you just want to use Figure.

I’d try replacing all the go.FigureWidget with go.Figure

4

hi
I will replace them now and put in the picture
with kind regards

5

you know why I used FigureWidget because I developed the entire app initially in Jupyter notebook and then transfered the code to VS code
so thank again my brother nedned